폼(Form)은 사용자가 정보를 입력하거나 선택 할 수 있도록, 입력형 기본 컴포넌트를 컨트롤 엘리먼트(control elements)로 사용하고 있다. 데이터 범위 관리 기능, 데이터 수집, 검증 및 스타일 기능을 포함하고 있다.
UI 유형
폼(Form)의 유형은 00가지로 구분한다.
No | Basic Form | Description |
|---|---|---|
1 | Default Form |  |
2 | Form with History |  |
엘리먼트
폼(Form) 내에서 사용되는 엘리먼트는 5가지 타입으로 분류 할 수 있다.
No | Data Type | Components |
|---|---|---|
1 | 숫자형(Integer) | Number, Rate, Slider |
2 | 문자형(String/Text) | Text, Textarea, TextEditor, Password, Tags, Color |
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 | Password |  |
5 | Tags |  |
6 | Color |  |
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 | Error | |
5. 선택형 : boolean/Reference
Switch, Radio, Select, Cascader, Checkbox, Transfer, Button
No | Elements | Description |
|---|---|---|
1 | Switch(Boolean) |   |
2 | Radio |  |
3 | Select |  |
4 | Select-Multiple |  |
5 | Casader |  |
6 | Casader-Multiple |  |
7 | Checkbox |  |
8 | Transfer |  |
9 | Button |  |
셋팅 옵션
BackOffice Builder의 Form > Setting > [Option] 설정을 통해 입력 폼(Form)의 컨트롤 요소를 변경한다.
Common Options
입력형(Data Input) 컴포넌트에 공통으로 적용되는 옵션이다.
1. Size
폼(Form)의 크기는 아래와 같이 3가지로 선택 할 수 있다.
Setting | Result |
Text Editor Options
Text Editor 컴포넌트에 적용되는 고유 옵션이다.