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 | ||||
---|---|---|---|---|
|
...
Status | ||||
---|---|---|---|---|
|
3. Tooltip
Status | ||||
---|---|---|---|---|
|
툴팁을 사용하면, Form Title 옆에 물음표 아이콘이 추가되고, 마우스 오버 시 입력한 안내 문구가 출력된다.
Tooltip Textarea: 툴팁 내용 입력
※ 기능 확인 불가 : https://ionsdp.atlassian.net/browse/ICE4-2066
...
폼(Form) 디스크립션은 Form Body 하단 영역에 출력된다. 디스크립션 컨텐츠는 TextEditor 컴포넌트로 되어 있어 사진, 영상, 테이블, 목록(글머리 기호와 번호) 등의 기능을 사용 할 수 있다.
Description Position
Status colour Yellow title new
: 위치 선택(Status colour Red title tbd Top
,Bottom
,Both
)Description Title : 디스크립션 제목 입력
Description Contents : 해당 폼에 대한 목적, 작성법 등 다양한 설명 문구를 텍스트로 입력
...
Use Sub Tab
Status
colour Green title TIP 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 | ||||
---|---|---|---|---|
|
Status | ||||
---|---|---|---|---|
|
등록 폼에 타이머 기능을 넣을 수 있다. 정해진 시간 내에 작성을 하고, 정해진 시간이 다가오면 로그인 연장을 묻는다. 정해진 시간 초과의 경우 자동 로그아웃 된다.
Set Time: 시간 설정(
HH:MM:SS
| ex. 60분 →01:00:00
)
...
Events Option
1. Event Buttons
...
Status | ||||
---|---|---|---|---|
|
Status | ||||
---|---|---|---|---|
|
Event Buttons [Reset]
Status
colour Green title TIP - Reset : 폼에 입력된 데이터를 모두 초기화
...
Preview Button : 미리보기 버튼 사용 설정(
No Use
,Modal
,New Window
)
...
3. Use Extra Buttons
Status | ||||
---|---|---|---|---|
|
...