55. Selection controls (초급) : 버블의 선택 컨트롤 요소, 체크박스, 라디오 버튼, 드랍다운 버튼, 슬라이더 입력, 다중선택 드랍다운

이 섹션에서는 사전 정의된 옵션으로 입력 요소를 설정할 수 있는 선택 제어(Selection controls) 요소에 대해 설명합니다.

 

• 선택 제어(Selection controls) 요소는 사용자가 미리 선택된 옵션 집합에서 선택할 수 있도록 하는 입력 요소입니다.
• 이는 단순한 예/아니오 응답에서부터 여러개의 데이터 선택에 이르기까지 다양합니다.

 

(1) Checkbox (체크박스)

• Checkbox 요소는 박스의 체크 여부에 따라 yes /no 를 반환하는 가장 기본적인 선택 제어(Selection controls) 요소입니다.

 

(2) Radio button (라디오 버튼)

라디오 버튼 요소는 checkbox와 유사하지만 둘 이상의 옵션을 추가할 수 있습니다.

• 이 요소의 editor에서 텍스트 옵션의 정적 목록을 설정하거나 (아래 예시에서는 텍스트 옵션 1, 옵션 2 및 옵션 3으로 표시) 데이터베이스의 목록을 가져와 해당 필드 중 하나를 표시 레이블로 사용 할 수 있습니다.

라디오 버튼 예시

(3) Dropdown (드랍다운)

• 라디오 버튼과 유사하게 사용자는 여러 오션 중에 하나를 선태가할 수 있습니다. 그러나 라디오 버튼과 다른점은 평소에 옵션 목록이 축약되어 숨겨져 있고 사용자가 다랍다운 목록을 누르면 옵션목록이 펼쳐진다는 점에 있습니다. 그러므로 드랍다운 버튼은 한정된 공간에서 사용하면 유용합니다.

 

(4) Searchbox element (검색상자)

• Searchbox element를 사용하면 데이터베이스 레코드에 대한 유연한 텍스트 검색을 설정할 수 있습니다.
• 이것는 일반 입력 필드 처럼 보이지만 사용자가 입력할 때 검색 결과를 빠르고 동적으로 반환합니다.

 

(5) Slider input

• Slider 입력 요소를 사용하면 사용자가 범위 밖의 숫자 값을 선택할 수 있습니다.
• 최소값과 최대값 및 각 단계의 값을 설정할 수 있습니다.

슬라이더 인풋 요소

(6) Multiselect dropdown (다중선택 드랍다운)

• 다중 선택 드롭다운 요소를 사용하면 사용자가 데이터베이스의 텍스트 또는 레코드 목록에서 여러 선택 항목을 선택할 수 있습니다.
• 드롭다운 목록에서 항목을 선택하거나 입력하여 검색합니다.

다중선택 드랍다운 예시

다중 선택 드롭다운 요소는 추가 Plugin(플러그인)입니다. Bubble에서 만들었지만 사용하기 전에 앱에 설치해야 합니다. 플러그인 스토어에서 Multiselect 드롭다운을 검색하여 설치합니다.