Table of Contents | ||||
---|---|---|---|---|
|
...
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에서 |
Info |
---|
Schedule Description Fields에서 |
...
...
Option Detail
캘린더의 옵션은 다음과 같다.
1. Hide Title
캘린더의 타이틀 노출/비노출을 설정한다.
2. Show Description
캘린더의 디스크립션은 Calendar 상단/하단 영역에 출력된다. 디스크립션 컨텐츠는 TextEditor 컴포넌트로 되어 있어 사진, 영상, 테이블, 목록(글머리 기호와 번호) 등의 기능을 사용 할 수 있다.
Description Position
: 위치 선택(Status colour Yellow title NEW 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 Event Buttons Align |
Event Buttons Position | Bottom Event Buttons Align |
Event Buttons Position | 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)