Setup

Create New

서치폼 컴포넌트를 추가하면 다음과 같은 기본 셋팅 화면이 출력된다. Data를 출력 할 서치폼 NodeType, 서치폼의 타이틀 입력, API 사용여부를 설정 할 수 있다.

Open

Set NodeType

NodeType을 선택하면 다음과 같이 3가지 서치폼 셋팅 영역이 출력된다.

• Search Form Field Set Area : 서치폼 필드로 사용하고자 하는 Value값 선택하는 영역

• Search Form Options Set Area : 서치폼 옵션을 Style, function 2가지 탭으로 구분하여 제공

• Search Form Slot Area : 검색바 필드, 검색폼 필드의 설정 슬롯 영역

Open

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 하단 영역에 출력된다. 디스크립션 컨텐츠는 https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1612710233 컴포넌트로 되어 있어 사진, 영상, 테이블, 목록(글머리 기호와 번호) 등의 기능을 사용 할 수 있다.

• Description Position 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 NEW

검색바 필드 목록이 출력된다. 값을 선택하면 테이블 상단에 검색바가 추가된다.

• Enable Search Bar Fields : 검색바의 검색 필터 필드 설정

 (참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1555300766/Table+List#1.-Search-Bar-new )