Versions Compared

Key

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

Table of Contents

...

폼 컴포넌트를 추가하면 다음과 같이 기본 셋팅 화면이 출력된다. Data를 입력 받을 Target NodeType, Form Type, 타이틀 입력, 자동 저장, API와 Parent ID 사용 여부를 설정 할 수 있다.

...

  • Auto Save : 폼 입력값이 변경 될때마다 자동으로 저장

  • Form Type : 특정 상태로만 사용하고자 하는 경우 사용( 등록폼, 수정폼, 상세뷰 )

  • Use API : 폼에서 제공되는 기본 form API가 아닌 별도의 API를 사용하거나 파라미터 추가를 원할 때 사용

    • Data URL : 별도로 사용하고자 하는 API URL 입력

    • Data Parameters : 별도로 추가하고자 하는 API 파라미터 입력

...

Code Block
{API 유형(adm,mng)}/{NodeType ID}/form?id={_parentId의 값} 

2. Set Target Type

...

...

Option Detail

폼 옵션 설정 영역의 Tab 메뉴별 상세 내용은 다음과 같다.

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

...

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

...

  • Events : 버튼 설정 영역

...

...

Style Option

1. Size

폼 사이즈 선택(Small, Default, Large)

...

필드간의 Row 그리드 간격을 조절할 수 있다.
※ 기능 확인 불가 (

Status
colourPurple
titleant
Grid Gutter )

...

Status
colourRed
titleneed check
3개 모두 같은 기능의 옵션인지 확인 필요!

3. Tooltip
Status
colourRed
titleneed check

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

  • Tooltip Textarea: 툴팁 내용 입력

※ 기능 확인 불가 : https://ionsdp.atlassian.net/browse/ICE4-2066

...

폼(Form) 디스크립션은 Form Body 하단 영역에 출력된다. 디스크립션 컨텐츠는 TextEditor 컴포넌트로 되어 있어 사진, 영상, 테이블, 목록(글머리 기호와 번호) 등의 기능을 사용 할 수 있다.

  • Description Position

    Status
    colourYellow
    titlenew
    Status
    colourRed
    titletbd
    : 위치 선택(Top, Bottom, Both)

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

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

...

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 

탭에 Form이 연결되었을 경우 출력되는 옵션인지 OR 폼 내에 Tab을 만드는 옵션인지 확인 필요!

ex. Tab, Steps, List, Tree Form Patterns

6. Timer
Status
colourYellow
titlenew
Status
colourRed
titletbd

등록 폼에 타이머 기능을 넣을 수 있다. 정해진 시간 내에 작성을 하고, 정해진 시간이 다가오면 로그인 연장을 묻는다. 정해진 시간 초과의 경우 자동 로그아웃 된다.

  • Set Time: 시간 설정(HH:MM:SS | ex. 60분 → 01:00:00 )

...

Events Option

1. Event Buttons

...

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

Status
colourGreen
titleTIP
Event Buttons [Reset]

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

...

  • Preview Button : 미리보기 버튼 사용 설정(No Use, Modal, New Window)

...

3. Use Extra Buttons
Status
colourRed
titleneed check

...