https://docs.google.com/spreadsheets/d/1GR0ElwGus8dPp79svWeYp6PpPWBJxpdREgMMNHA8RHM/edit#gid=836306415
...
폼(Form)은 사용자가 정보를 입력하거나 선택 할 수 있도록, Input Component 를 컨트롤 엘리먼트(control elements)로 사용한다. 폼 컨테이너를 List, Tree, Tab, Steps, Modal Button 등의 컴포넌트와 함께 사용하여 다양한 Form Patterns 페이지를 구성할 수 있다.
...
Enable List Event Buttons [Reset] Event Buttons [Reset], [Rollback]- Reset : 폼에 입력된 데이터를 모두 초기화
- Rollback : 히스토리 롤백 기능으로 Function Option > Show history{ON} 일 경우 주로 함께 사용
제공하는 이벤트 버튼 외에 추가로 버튼을 생성하여 사용할 수 있다. Extra Buttons{ON}으로 설정하면 하단에 Extra Button Table 영역이 출력된다. 아이콘을 클릭하고 원하는 버튼 컴포넌트를 추가할 수 있다.
...
3개 모두 같은 기능의 옵션인지 확인 필요!3. Tooltip
툴팁을 사용하면, Form Title 옆에 물음표 아이콘이 추가되고, 마우스 오버 시 입력한 안내 문구가 출력된다.
※ 기능 확인 불가
4. Description
폼(Form) 디스크립션은 Form Body 하단 영역에 출력된다. 디스크립션 컨텐츠는 TextEditor 컴포넌트로 되어 있어 사진, 영상, 테이블, 목록(글머리 기호와 번호) 등의 기능을 사용 할 수 있다.
Description Title : 디스크립션 제목 입력
Description Contents : 해당 폼에 대한 목적, 작성법 등 다양한 설명 문구를 텍스트로 입력
Use Sub TabWhen we turn on the “Enable Tab Fields” will display and it filter with value types are PART,PARTS,REFERENCE,REFERENCES,PARENT,REFERENCED,CHILDREN
...
폼 엘리먼트들의 레이아웃 스타일 선택(Vertical
, Horizontal
)
폼 내에 있는 필드 사이즈를 조절 할 수 있다.
※ 기능 확인 불가
4. Field Gutter
그리드 간격을 조절할 수 있다. 그리드 간격은 Row Gutter Value를 이용한다.
※ 기능 확인 불가 (
Grid Gutter )
Row 한 라인에 배치할 엘리먼트 개수 Max 값을 지정하여 배열 스타일을 설정할 수 있다. (Max1
, Max2
, Max4
)
...
6. Bordered
폼 보더 노출/비노출 설정
Status |
---|
colour | Red |
---|
title | change "show Title" |
---|
|
폼 타이틀 노출/비노출 설정
8. Custom Title Style
...