Table of Contents |
---|
...
카드 리스트 컴포넌트를 추가하면 다음과 같은 기본 셋팅 화면이 출력된다. NodeType과 카드 리스트 타이틀 입력, Data Sync와 API 사용여부를 설정 할 수 있다.
...
Set NodeType
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
)
...
Grid Size : 카드 리스트의
Grid
사이즈 옵션(Small
,Default
,Large
)
Grid: | List: | Sortable: |
---|---|---|
Square Card Type List Horizontal | Rectangular Card Type List Vertical | Can move cards to drag |
...
카드 썸네일 모양 선택(Square
, Circle
, Rectangle
)
Status | ||||
---|---|---|---|---|
|
5. Thumbnail Size
카드 썸네일 사이즈 입력
...
셋팅화면 사단에 있는 On Click/Double Click > Page type을 반드시 설정하자.
OFF | ON |
---|---|
Status | ||||
---|---|---|---|---|
|
...