폼(Form)은 사용자가 정보를 입력하거나 선택 할 수 있도록, 입력형 기본 컴포넌트를 컨트롤 엘리먼트(control elements)로 사용하고 있다. 데이터 범위 관리 기능, 데이터 수집, 검증 및 스타일 기능을 포함하고 있다.
엘리먼트
폼(Form) 내에서 사용되는 엘리먼트는 5가지 타입으로 분류 할 수 있다.
No | Data Type | Components |
|---|---|---|
1 | 숫자형(Integer) | Number, Rate, Slider |
2 | 문자형(String/Text) | Text, Textarea, TextEditor, Password, Tags, Color, DateRange |
3 | 날짜형(Date) | Date, BirthDate, DateRange, DateTime, DateTimeRange |
4 | 삽입형(File/Image) | File, Image, ImageEditor |
5 | 선택형(boolean/Reference) | Switch, Radio, Select, Cascader, Checkbox, Transfer, Button |
※ PropertyType 에 따라 적용 가능한 컴포넌트 종류가 상이함으로 FormElements 목록을 확인하자.
1. Integer
No | Elements | Description |
|---|---|---|
1 | Number Input |  |
2 | Rate |  |
3 | Slider |  |
2. String/Text
No | Elements | Description |
|---|---|---|
1 | Text |  |
2 | Textarea |  |
3 | TextEditor | |
4 | Color | |
5 | DateRange | |
6 | Password | |
7 | Tags |
3. Date
Date, BirthDate, DateRange, DateTime, DateTimeRange
No | Elements | Description |
|---|---|---|
1 | Date |  |
2 | BirthDate | |
3 | DateRange | |
4 | DateTime | |
5 | DateTimeRange |
4. File/Image
File, Image, ImageEditor
No | Elements | Description |
|---|---|---|
1 | File |   |
2 | Image |  |
3 | ImageEditor |
5. boolean/Reference
Switch, Radio, Select, Cascader, Checkbox, Transfer, Button
No | Elements | Description |
|---|---|---|
1 | Switch |   |
2 | Radio |  |
3 | Select |  |
4 | Select-Multiple |  |
5 | Casader | |
6 | Casader-Multiple | |
7 | Checkbox |  |
8 | Transfer | |
9 | Button |  |
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 |