Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

폼(Form)은 사용자가 정보를 입력하거나 선택 할 수 있도록, 입력형 기본 컴포넌트를 컨트롤 엘리먼트(control elements)로 사용하고 있다. 데이터 범위 관리 기능, 데이터 수집, 검증 및 스타일 기능을 포함하고 있다.

...

UI 유형

폼(Form)의 유형은 00가지로 구분한다.

No

Basic Form

Description

1

Default Form

Image Added

2

Form with History

Image Added

...

엘리먼트

폼(Form) 내에서 사용되는 엘리먼트는 5가지 타입으로 분류 할 수 있다.

...

Google drive sheets
width600
showLinktrue
urlhttps://docs.google.com/spreadsheets/d/1rIhw_3vOE-ZDHgz1gTiQ69osTTMwDIMm4JO-0pCNpSQ/edit#gid=0
height600

1. Integer

No

Elements

Description

1

Number Input

2

Rate

3

Slider

Image RemovedImage Added

2. String/Text

No

Elements

Description

1

Text

Image RemovedImage Added

2

Textarea

Image RemovedImage Added

3

TextEditor

Image Added

4

Color

Image Added

5

DateRange

6

Password

Image Added

7

Tags

Image Added

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

Image Removed
Image RemovedImage AddedImage Added

2

Image

Image Removed
Image AddedImage Added

3

ImageEditor

5. boolean/Reference

Switch, Radio, Select, Cascader, Checkbox, Transfer, Button

No

Elements

Description

1

Switch(Boolean)

2

Radio

Image RemovedImage Added

3

Select

Image RemovedImage Added

4

Select-Multiple

Image RemovedImage Added

5

Casader

Image Added

6

Casader-Multiple

Image Added

7

Checkbox

8

Transfer

9

Button

Image Removed

UI 유형

폼(Form)의 유형은 5가지로 구분한다.

No

Basic Form

Description

1

Login Form

2

Registration

3

Commerce

4

Contents

5

Image Added

...

상태 정보??

텍스트 에디터의 상태는 아래와 같이 4가지로 표현된다

Normal

Hover

Active

Disabled

...

셋팅 옵션

BackOffice Builder의 Form > Setting > [Option] 설정을 통해 입력 폼(Form)의 컨트롤 요소를 변경한다.

...

Common Options

입력형(Data Input) 컴포넌트에 공통으로 적용되는 옵션이다.

1. Size

폼(Form)의 크기는 아래와 같이 3가지로 선택 할 수 있다.

Setting

Result

...

Text Editor Options

Text Editor 컴포넌트에 적용되는 고유 옵션이다.

1.