...

Setup

Create New

...

NodeType을 선택하면 다음과 같이 카드 리스트 셋팅 영역이 출력된다.

• Card List Options Set Area : 카드 리스트 옵션을 Style, function, Events, Search 4가지 탭으로 제공

• Card List Click Set Area : 카드 리스트를 Click, Double Click 할 경우 발생하는 이벤트를 설정하는 영역

...

Option Detail

카드 리스트 옵션 설정 영역의 Tab 메뉴별 상세 내용은 다음과 같다.

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

• function : 카드 리스트 내에 Card 관련 상세 설정 및 기타 기능 설정 영역

• Events : 버튼과 페이지네이션을 설정하는 영역

• Search : 검색바, 검색폼, 테이블 헤더에 사용하는 Filter/Sorter 기능 설정 영역

...

Style Option

1. Size

카드 리스트 사이즈 선택(Small, Default, Large)

2. Hide Title

Status
colour Red title CHANGE "SHOW TITLE"

카드 리스트 타이틀의 노출/비노출 설정

3. Bordered

Status
colour Red title need check

카드 리스트 보더 노출/비노출 설정

4. Card List Type

카드 리스트 타입 선택(Grid, List, Sortable)

• Grid Size : 카드 리스트의 Grid 사이즈 옵션(Small, Default, Large)

5. Fix Card Width

카드의 가로 길이 고정 여부 설정

6. Card Minimal Width

카드 가로 최소 사이즈 직접 입력

7. Card List Max Height

카드 리스트의 세로 최대 사이즈 직접 입력

8. List Default PageSize

Status
colour Red title need check

9. List Show PageSize Changer

Status
colour Red title need check

• List Show PageSize : 수치 입력

10. Custom Title Style

카드 리스트 타이틀 스타일 설정 기능으로 Title Style Set이 출력된다.

11. Custom Card Style

Status
colour Red title need check

카드 리스트의 카드 스타일을 Card Style Set으로 설정한다.

...

Function Option

1. Thumbnail Type

Status
colour Red title need check

카드 썸네일 타입 선택(Image, Avatar, Icon)

2. Title Type

카드 제목 입력 타입 선택(Property, Code, Function)

3. Description Type

카드 디스크립션 입력 타입 선택(Property, Code, Function)

4. Thumbnail Shape

카드 썸네일 모양 선택(Square, Circle, Rectangle)

5. Thumbnail Size

카드 썸네일 사이즈 입력

6. Active First Item

ddd

...

Events Option

1. Event Buttons

2. Pagination

...

Search Option

...

3.

1. Search Bar

2. Table Header Search

3. Search Form Filter