Bubble.io 노코드 툴 - 24일차 -

06. Displaying a list of customers and adding search filters.

이번 수업은 이전 강의에서 생성한 customer를 보여주고 필터를 통해 특정 고객들을 검색할 수 있도록 하는 기능

 

? Repeating group 생성 후 각각의 text element를 배열했는데, 왜 아래쪽 반복그룹에는 동일한 레이아웃이 나오지 않을까?

   ㄴ 실제 preview에서 보이는 반복그룹에는 이상이 없음. (bubble design 탭의 버그인가?)

강의에서와 같이 나와야하는게 정상인데, 무언가 이상하다.

그룹이 mouse hovered 될 때 음영 적용되도록 설정함

Filter를 만드는 과정에서 'Collapse this element's height when hidden' 옵션 찾기 어려움.

(강의에서 사용한 기존 버전에는 Appearance 탭에 있는데, 최신 버전에서는 Layout 탭으로 이동했고, Parent layout이 fixed가 아니어야만 체크박스가 보이도록 변경되었음. 이 부분은 extending vertically 못하는 것과 함께 상당히 불편해졌다고 느낌)

Filter에서 입력한 값에 따라서 repeating group 값이 filtered value로 보이도록 하기 위해서는,

1) repeating group의 설정을 search for value 에서 :filtered 를 추가해주고

2) filtered 항목들에서 account-name includes input value / customer-status = dropdown value / customer-stage=dropdown value 설정을 해줘야 함

Filter 값이 없을 때는 Ignore 하라는 Check를 반드시 해줘야함.

Filter가 아래 페이지처럼 정상 동작함.