Page Comparison

...

...

폼(Form)은 사용자가 정보를 입력하거나 선택 할 수 있도록, Input Component 를 컨트롤 엘리먼트(control elements)로 사용한다. 폼 컨테이너를 List, Tree, Tab, Steps, Modal Button 등의 컴포넌트와 함께 사용하여 다양한 Form Patterns 페이지를 Page Pattern 을 구성할 수 있다.

폼(Form)이 입력을 위한 컴포넌트라면, 백오피스에서 사용되는 뷰(View) 컴포넌트는 출력을 위한 것이다. 폼(Form)과 설정 옵션은 모두 동일하며, 이미 만든 폼(Form)을 활용하여 뷰(View) 페이지로 활용할 수도 있다.

...

폼 내에 있는 필드 사이즈를 조절 할 수 있다.

4. Field Gutter

...

...

...

필드간의 Row 그리드 간격을 조절할 수 있다. (

Status
colour Purple title ant

Grid Gutter )

...

Function Tab의 상세 옵션 내용은 다음과 같다.

...

1. Show History

히스토리 보기 옵션은 옵션을 사용하기 위해서는 Form Type을 Detail View 또는 Edit Form로 설정 했을 경우 노출된다. 선택한 노드타입이 historyable{ON}인 경우 자동으로 생성되는 히스토리 컴포넌트에 대한 노출 여부를 설정할 수 있다 등록폼 또는 수정폼으로 설정하고, NodeType의 화면으로 진입하여 Historyable 옵션을 Historyable{ON} 으로 우선 설정해야한다.

...

Show History{ON}으로 설정하면 하위 옵션이 다음과 같이 출력된다.

• Expand History Column : 히스토리 목록에 Memo Column 포함 여부 설정

• History Data URL : 기본으로 제공하는 히스토리 API가 아닌 별도의 API를 사용하고자 할 경우 URL 입력

Status
colour Green title tip

Show History

히스토리 탭이 아래와 같이 출력 되며, 등록/수정 페이지에서의 작업 히스토리를 테이블 형태로 출력한다.

Expand History Column{ON}을 추가로 설정 할 경우 Memo 컬럼도 사용할 수 있다.

...

2. Show Information

기본 정보 보기 옵션은 Form Type을 Detail View 또는 Edit Form로 선택했을 경우 설정 가능하다. Form Title 하단 Body 상단 영역에 등록자와 등록일시, 수정자와 수정일시 정보가 출력된다.

...

3. Show Tooltip

...

...

툴팁을 사용하면, Form Title 옆에 물음표 아이콘이 추가되고, 마우스 오버 시 입력한 안내 문구가 출력된다.

...

• Description Position

  Status
  colour Yellow title new
  Status
  title colour Red tbd

  : 위치 선택(Top, Bottom, Both)

• Description Title : 디스크립션 제목 입력

• Description Contents : 해당 폼에 대한 목적, 작성법 등 다양한 설명 문구를 텍스트로 입력

5. Use Sub Tab

Status
colour

...

...

Status
colour Green title TIP

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 

...

ex. Tab, Steps, List, Tree Form Patterns

...

Events Option

Events Tab의 상세 옵션 내용은 다음과 같다.

...

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

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

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

...

...

Status
colour Green title TIP

Event Buttons [Reset]

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

2. Preview Button

Status
colour Yellow title new

...

작성 중인 폼을 미리보기 버튼을 통해 확인 할 수 있는 옵션이다.(No Use, Modal, New Window)

...