Page Comparison

...

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

...

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

...

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

...

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

...

...

Style Option

1

...

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

2. Hide Title

Status
colour Red title CHANGE "SHOW TITLE"

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

3. Bordered

Status
colour Red title need check

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

...

. Card List Type

Status
colour Red title need check

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

• Grid Size : 카드 리스트의 리스트 타입 Grid 선택시 Grid 사이즈 옵션선택 가능(Small, Default, Large)

https://ionsdp.atlassian.net/browse/ICE4-2211

Grid:	List:	Sortable:
Square Card Type List Horizontal	Rectangular Card Type List Vertical	Can move cards to drag

...

Card List Type{Grid} > Grid Size Option

Big	Middle	Small

2. Size

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

3. Active First Item

페이지 처음 진입 시 리스트에 첫번째 항목 선택 여부 설정

5. Fix Card Width

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

6. Card Minimal Width

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

7. Card List Max Height

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

...

❖ 셋팅화면 하단에 있는 On Click/Double Click > Page type 설정 필수

OFF	ON
Image Added	Image Added

4. Hide Title

Status
colour Red title CHANGE "SHOW TITLE"

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

5. Bordered

Status
colour Red title need check

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

6. Thumbnail Shape

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

7. Thumbnail Size

카드 썸네일 사이즈 입력

8. Fix Card Width

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

9. Card Width Min

Status
colour Red title

...

name change

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

• List Show PageSize : 수치 입력

...

10. List Height Max

Status
colour Red title

...

name change

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

11. Custom Title Style

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

...

12. Custom Card Style

...

...

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

...

Function Option

1. Thumbnail Type

...

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

...

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

4. Thumbnail Shape

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

5. Thumbnail Size

카드 썸네일 사이즈 입력

6. Active First Item

페이지 처음 진입 시 리스트에 첫번째 항목 선택 여부 설정

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

...

OFF

...

ON

...

...

Events Option

Events Option

이벤트 버튼과 페이지 네이션 기능을 사용 할 수 있다.

...

2. Pagination

...

Search Option

검색바와 검색폼 필터 기능을 사용 할 수 있다.

1. Search Bar

2.

...

Search Form Filter

...

To be deleted?

Status
colour Red title need check

0. Create Page

1. List Default PageSize

2. List Default PageSize

3. List Show PageSize Changer

• List Show PageSize : 수치 입력