폼(Form)은 사용자가 정보를 입력하거나 선택 할 수 있도록, 다양한 컨트롤 엘리먼트(control elements) 컴포넌트로 구성되어있다. 데이터 범위 관리 기능, 데이터 수집, 검증 및 스타일 기능을 포함하고 있다.
컴포넌트
데이터 타입에 따라 적용 할 수 있는 컴포넌트 종류는 상이하다. PropertyType
No | Value Type | Component Options |
|---|---|---|
1 | Integer | Number, Rate, Slider |
2 | String | Color, DateRange, Password, Slider, Tags, Text, Textarea, TextEditor |
3 | Text | CodeEditor, JsonEditor, Text, Textarea, TextEditor |
4 | Date | Date, BirthDate, DateRange, DateTime, DateTimeRange |
5 | File/Image | File, Image, ImageEditor |
6 | Reference | AutoComplete, Radio, Select, Cascader, Checkbox, Transfer… |
7 | boolean | Switch |
폼(Form)에 사용되는 컴포넌트는 다음과 같다.
No | Elements | Description |
|---|---|---|
1 | Text |  |
2 | Number Input |  |
3 | Textarea |  |
4 | Select |  |
5 | Select-Multiple |  |
6 | Switch |   |
7 | Slider |  |
8 | Radio |  |
9 | Checkbox |  |
10 | Rate |  |
11 | Upload |  |
12 | Dragger |   |
Date |  | |
12 | Buttons |  |
UI 유형
폼(Form)의 유형은 5가지로 구분한다.
No | Basic Form | Description |
|---|---|---|
1 | Login Form | |
2 | Registration | |
3 | Commerce | |
4 | Contents | |
5 |
셋팅 옵션
BackOffice Builder의 Form > Setting > [Option] 설정을 통해 입력 폼(Form)의 컨트롤 요소를 변경한다.
1. Size
폼(Form)의 크기는 아래와 같이 3가지로 선택 할 수 있다.
Setting | Result |