Show TOC

 CalendarWeekViewLocate this document in the navigation structure

Definition

The CalendarWeekView displays a time period of 1 week (5 or 7 days) with at least 8 hours per day and the option of displaying days broken down to quarters of hours.

The hours are displayed on the vertical axis, while the days are displayed on the horizontal axis. An additional row displays full day entries without a time.

CalendarWeekView

Description of UI Element Properties
  • accessibilityDescription

    When accessibility is activated, the assigned text is added to the tooltip. This description provides semantic details of the UI element and is only read by the screen reader if the user focuses the complete Ul element.

  • contentHeight

    Specifies the height of the content part of the CalendarWeekView. You can specify the height in CSS units, like em, ex or pixels.

  • firstDayOfWeek

    Determines the first day of the week, for example Sunday. The default setting auto calculates the first day of week the according to the local settings.

  • firstVisibleDate

    Specifies which date is displayed as the first date.

  • firstVisibleTime

    Specifies which time is displayed as the first time

  • legendId

    Specifies the ID of the assigned legend.

  • scrollable

    Defines whether the CalendarWeekView can be scrolled. Turning off the Scrolling the calendar control might push the surrounding container control.

  • showWorkingTime

    Determines whether the calendar should display differences between working time and free time.

  • timescale

    Specifies the time segments to be displayed timescale can take the following values and is represented by the enumeration type WDTimeScale:

    • halfHour .Each time slot represents a period of 30 minutes.
    • hour . Each time slot represents a period of one hour.
    • quarterHour . Each time slot represents a period of 15 minutes.
    • twoHours . Each time slot represents a period of two hours.
  • timeZone

    Determines the time zone in which entries are displayed. If no time zone is specified, the calendar uses the system time zone.

  • weekType

    Determines whether a working week or a entire week is displayed. weekType can take the following values and is represented by the enumeration type WDWeekDays:

    • fiveDayWeek
    • sevenDayWeek
Properties Overview

Name

Interface

Type

Initial Value

Bindable

accessibilityDescription

IWDAbstractCalendar

String

 

Bindable

contentHeight

IWDAbstractDayView

String

300px

Bindable

enabled

IWDUIElement

boolean

true

Bindable

firstDayOfWeek

IWDCalendarWeekView

WDDayOfWeek

auto

Bindable

firstVisibleDate

IWDAbstractCalendar

CctDate

 

Bindable

firstVisibleTime

IWDAbstractDayView

CctTime

 

Bindable

legendId

IWDAbstractCalendar

String

 

Bindable

scrollable

IWDAbstractDayView

boolean

true

bindable

showWorkingTime

IWDAbstractCalendar

boolean

true

Bindable

timescale

IWDAbstractDayView

WDTimeScale

hour

Bindable

timeZone

IWDAbstractCalendar

TimeZone

 

Bindable

tooltip

IWDUIElement

String (TranslatableText)

 

Bindable

Visible

IWDUIElement

WDVisibility

visible

Bindable

weekType

IWDCalendarWeekView

WDWeekDays

fiveDayWeek

Bindable

Events
  • onAllDaySelect (CctDate day)

    The event is triggered when the user clicks in a free area in the row that displays the all day events. The parameter is the corresponding day. This event should be used to create a new full day entry.

  • onDaySelect (CctDate day)

    The event is triggered when the user clicks in an empty area of a day. The parameter is the corresponding day. This event should be used to create a new entry.

  • onEntrySelect

    This event is triggered when the user clicks on an entry.

  • onTimeSelect (CctDateTime time)

    This event is triggered when the user clicks in a free time area. Parameter is the corresponding time. This event should be used to create a new entry.