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)

(참고: Form/View | 2. Layout )

4. Field Size

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

(참고: Form/View | 3. Field Size )

5. Field Gutter

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

(참고: Form/View | 4. Field Gutter )

6. Custom Title Style

폼 타이틀 스타일을 설정하는 기능이다. 스타일 설정은 3가지 타입으로 선택하여 진행할 수 있다.

(참고: Table List | Style Set Detail)

7. Custom Card Style

엘리먼트 나열 형태를 카드 스타일로 변경 할 수 있다. 스타일 설정은 3가지 타입으로 선택하여 진행할 수 있다.

(참고: Table List | Style Set Detail)

Function Option

서치폼의 Function 상세 옵션 내용은 아래와 같다.

1. Show Description

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

• Description Position NEW : 위치 선택(Top, Bottom, Both)

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

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

(참고: Form/View | 4. Show Description )

2. Search Bar NEW

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

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

 (참고: Table List | 1. Search Bar new )