Setup

Create New

캘린더 컴포넌트를 추가하면 다음과 같은 기본 셋팅 화면이 출력된다.

Open

Set NodeType

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

Open

• 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 에 따라 자동으로 출력된다.

Display Schedule

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

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

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

Option Detail

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

1. Hide Title

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

2. Show Description

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

• Description Position NEW : 위치 선택(Top, Bottom, Both)

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

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

3. Event Buttons

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

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

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

tip Calendar with Schedule List

캘린더와 카드 리스트 컴포넌트를 함께 사용하여 스케줄을 달력과 목록 2가지 형태로 볼 수 있다.

캘린더만 단독으로 사용 할 경우, 스케줄 삭제는 스케줄을 클릭하여 개별로 진행해야 한다.

4. Custom Title Style

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

(참고: Table List | Style Set Detail)