Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel7

...

Setup

Create New

캘린더 컴포넌트를 추가하면 다음과 같은 기본 셋팅 화면이 출력된다. NodeType과 API 사용여부, 캘린더 타이틀을 설정 할 수 있다.

...

Set NodeType

NodeType을 선택하면 Start Date Field와 End Date Field 옵션을 필수 설정해야한다.

...

  • Start Date Field : 시작일로 지정할 필드

  • End Date Field : 종료일로 지정할 필드

하단 영역에는 4가지 캘린더 셋팅 영역이 출력된다.

  • Schedule Field Set Area : 스케줄 타이틀과 디스크립션 필드로 사용하고자 하는 Value값 선택하는 영역

  • Calendar Options Set Area : 캘린더 옵션을 설정하는 영역

  • Calendar Click Set Area : 캘린더을 Click 할 경우 발생하는 이벤트를 설정하는 영역

  • Calendar Slot Area : 캘린더의 스케줄 타이틀/디스크립션 필드, 이벤트 버튼의 슬롯 영역

...

...

Schedule Detail

Create Schedule

캘린더의 스케줄 Create 화면은 선택한 Target Node Type 에 따라 자동으로 출력된다.

Info

Target Node Type = “Test Calendar Component“

...

Display Schedule

캘린더에 바로 표시되는 스케줄 정보와 스케줄 마우스오버 시 출력되는 정보를 Enable Fields 영역에서 설정 할 수 있다.

  • Enable Schedule Title Fields : 캘린더에 표시 할 스케줄 정보를 필드에서 선택

  • Enable Schedule Description Field : 스케줄을 마우스오버 할 경우 출력되는 정보를 필드에서 선택

Info

Schedule Title Fields에서 title만 선택 → 캘린더에 스케줄 타이틀만 출력

Image AddedImage Added

Info

Schedule Description Fields에서 description만 제외 → 스케줄 마우스오버시 디스크립션 비노출

Image AddedImage Added

...

 

...

Option Detail

캘린더의 옵션은 다음과 같다.

1. Hide Title

캘린더의 타이틀 노출/비노출을 설정한다.

2. Show Description

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

  • Description Position

    Status
    colourYellow
    titleNEW
    : 위치 선택(Top, Bottom, Both)

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

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

 

Info

Hide Title{OFF} & Show Description{ON}, Description Position{Bottom}

...

3. Event Buttons

Create  이벤트 버튼의 위치와 정렬을 설정 할 수 있다.

  • Event Buttons Position : 버튼 위치 선택(Top, Bottom, Both)

    • Top/Bottom Event Buttons Align : 버튼 정렬 선택(Left, Center, Right)

Option Value

Sub Option

Event Buttons Position Top

Top Event Buttons Align

Event Buttons Position Bottom

Bottom Event Buttons Align

Event Buttons Position Both

Top Event Buttons Align, Bottom Event Buttons Align

 

4. Custom Title Style

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

(참고: https://ionsdp.atlassian.net/wiki/spaces/ICE4P/pages/1555300766/Table+List#Style-Set-Detail)