| Table of Contents |
|---|
Setup
Create New
서치폼 컴포넌트를 추가하면 다음과 같은 기본 셋팅 화면이 출력된다. Data를 출력 할 서치폼 NodeType, 서치폼의 타이틀 입력, API 사용여부를 설정 할 수 있다.
Set NodeType
NodeType을 선택하면 다음과 같이 3가지 서치폼 셋팅 영역이 출력된다.
Search Form Field Set Area : 서치폼 필드로 사용하고자 하는 Value값 선택하는 영역
Search Form Options Set Area : 서치폼 옵션을 Style, function 2가지 탭으로 구분하여 제공
Search Form Slot Area : 검색바 필드, 검색폼 필드의 설정 슬롯 영역
Option Detail
서치폼 옵션 설정 영역의 Tab 메뉴별 상세 내용은 다음과 같이 2가지로 나뉜다.
Style : 기본으로 셋팅된 서치폼 스타일 변경 또는 커스터마이징 스타일 등을 설정하는 영역
Function : 디스크립션과 검색바 기능 설정 영역
Style Option
1. Size
서치폼 사이즈를 선택 할 수 있다.(Small, Default, Large)
2. Hide Title
컴포넌트 Title은 기본 셋팅 옵션이다. 옵션 영역에서 서치폼 타이틀을 노출/비노출로 설정 할 수 있다.
3. Layout
폼 엘리먼트들의 레이아웃 스타일 선택(Vertical, Horizontal)
(참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1613037569/Form+View#2.-Layout )
4. Field Size
폼 내에 있는 필드 사이즈를 조절 할 수 있다.
(참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1613037569/Form+View#3.-Field-Size )
5. Field Gutter
필드간의 Row 그리드 간격을 조절할 수 있다.
(참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1613037569/Form+View#4.-Field-Gutter )
6. Custom Title Style
폼 타이틀 스타일을 설정하는 기능이다. 스타일 설정은 3가지 타입으로 선택하여 진행할 수 있다.
(참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1555300766/Table+List#Style-Set-Detail)
7. Custom Card Style
엘리먼트 나열 형태를 카드 스타일로 변경 할 수 있다. 스타일 설정은 3가지 타입으로 선택하여 진행할 수 있다.
(참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1555300766/Table+List#Style-Set-Detail)
Function Option
서치폼의 Function 상세 옵션 내용은 아래와 같다.
1. Show Description
폼(Form) 디스크립션은 Form Body 하단 영역에 출력된다. 디스크립션 컨텐츠는 TextEditor 컴포넌트로 되어 있어 사진, 영상, 테이블, 목록(글머리 기호와 번호) 등의 기능을 사용 할 수 있다.
Description Position
: 위치 선택(Status colour Yellow title NEW Top,Bottom,Both)Description Title : 디스크립션 제목 입력
Description Contents : 해당 폼에 대한 목적, 작성법 등 다양한 설명 문구를 텍스트로 입력
(참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1613037569/Form+View#4.-Show-Description )
2. Search Bar
| Status | ||||
|---|---|---|---|---|
|
검색바 필드 목록이 출력된다. 값을 선택하면 테이블 상단에 검색바가 추가된다.
Enable Search Bar Fields : 검색바의 검색 필터 필드 설정
(참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1555300766/Table+List#1.-Search-Bar-new )