Versions Compared

Key

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

Table of Contents

...

Status
colourRed
titleneed check
Use Sub Tab

Status
colourGreen
titleTIP
Use Sub Tab

When we turn on the “Enable Tab Fields” will display and it filter with value types are PART,PARTS,REFERENCE,REFERENCES,PARENT,REFERENCED,CHILDREN 

...

  • Events : 버튼 설정 영역

  • Function : 폼에 적용 가능한 기능 설정 영역

  • Style : 기본적으로 셋팅된 폼 스타일 변경 또는 커스터 마이징 스타일 등을 설정하는 영역

...

Events Option

1. Event Buttons

이벤트 버튼 목록과 함께 버튼 위치와 정렬 설정 옵션이 출력된다.

  • Enable List Event Buttons : 이벤트 버튼 목록(Create, Reset, Recall, Update, Delete, List)

  • Event Buttons Position : 버튼 위치 선택(Top, Bottom, Both)

  • Event Buttons Align : 버튼 정렬 선택(Left, Center, Right)

Status
colourYellow
titlenew
Status
colourRed
titletbd
Enable List Event Buttons [Reset], [Recall]

Status
colourGreen
titleTIP
Event Buttons for Form

- Reset : 폼에 입력된 데이터를 모두 초기화

- Recall : 가장 최근 저장된 데이터를 불러와 폼에 출력

2. Use Extra Buttons
Status
colourRed
titleneed check

제공하는 이벤트 버튼 외에 추가로 버튼을 생성하여 사용할 수 있다. Extra Buttons{ON}으로 설정하면 하단에 Extra Button Table 영역이 출력된다. (plus) 아이콘을 클릭하고 원하는 버튼 컴포넌트를 추가할 수 있다.

단, 테이블 리스트와는 달리 폼(Form)에서 사용되는 Extra Buttons은 테이블 영역 외부에 배치 되며, 기본 이벤트 버튼과 마찬가지로 버튼 위치와 정렬을 선택 할 수 있다.

  • Use Same Line : 기본 이벤트 버튼과 함께 엑스트라 버튼을 같은 라인에 배치하는 기능이다.

  • Extra Buttons Position : 버튼 위치 선택(Top, Bottom, Both)

  • Extra Buttons Align : 버튼 정렬 선택(Left, Center, Right)

...

Function Option

1. History

...

폼 엘리먼트들의 레이아웃 스타일 선택(Vertical, Horizontal, Inline)

Status
colourRed
titleneed check "inline"

3. Elements Arrange
Status
colourYellow
titlenew

폼 구성 요소 배열 스타일 선택(1 per line, 2 per line)

...

4. Bordered

폼 보더 노출/비노출 설정

5. Hide Title
Status
colourRed
titlechange "show Title"

폼 타이틀 노출/비노출 설정

6. Field Size / Field Gutter
Status
colourRed
titleneed check

https://ant.design/components/grid/#components-grid-demo-gutter

...