Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
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:

Image RemovedImage Added

Square Card Type

List Horizontal

Rectangular Card Type

List Vertical

Can move cards to drag

...

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

Status
colourYellow
titlenew
Rectangle

5. Thumbnail Size

카드 썸네일 사이즈 입력

...

셋팅화면 사단에 있는 On Click/Double Click > Page type을 반드시 설정하자.

OFF

ON

Image RemovedImage AddedImage RemovedImage Added

Status
colourRed
titleneed check
https://ionsdp.atlassian.net/browse/ICE4-2211

...