<kendo:scheduler-view>

The views displayed by the scheduler and their configuration. The array items can be either objects specifying the view configuration or strings representing the view types (assuming default configuration). By default the Kendo UI Scheduler widget displays "day" and "week" view.

Example

<kendo:scheduler-views>
    <kendo:scheduler-view></kendo:scheduler-view>
</kendo:scheduler-views>

Configuration Attributes

adaptiveSlotHeight boolean

Increases the slot height when containing events up to views.eventsPerDay and reduces its height if there are less events for that specific day.

Example

<kendo:scheduler-view adaptiveSlotHeight="adaptiveSlotHeight">
</kendo:scheduler-view>

allDayEventTemplate java.lang.String

The template used to render the "all day" scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; resources Array - the event resources; start Date - the event start date or title String - the event title.

Example

<kendo:scheduler-view allDayEventTemplate="allDayEventTemplate">
</kendo:scheduler-view>

allDaySlot boolean

If set to true the scheduler will display a slot for "all day" events.

Example

<kendo:scheduler-view allDaySlot="allDaySlot">
</kendo:scheduler-view>

allDaySlotTemplate java.lang.String

The template used to render the all day slot cell.The fields which can be used in the template are: date - represents the slot date. or resources() - returns the relevant resources for the current slot..

Example

<kendo:scheduler-view allDaySlotTemplate="allDaySlotTemplate">
</kendo:scheduler-view>

columnWidth float

The width of the table columns in timeline views. Value is treated as pixels.

Example

<kendo:scheduler-view columnWidth="columnWidth">
</kendo:scheduler-view>

dateHeaderTemplate java.lang.String

The template used to render the date header cells.By default the scheduler renders the date using a custom date format - "ddd M/dd". The "ddd" specifier, a.k.a abbreviated name of the week day, will be localized using the current Kendo UI culture. If the developer wants to control the day and month order then one needs to define a custom template.The fields which can be used in the template are: date - represents the major tick date..

Example

<kendo:scheduler-view dateHeaderTemplate="dateHeaderTemplate">
</kendo:scheduler-view>

dayTemplate java.lang.String

The template used to render the day slots in month view.The fields which can be used in the template are: date Date - represents the current day or resources() - returns the relevant resources for the current slot..

Example

<kendo:scheduler-view dayTemplate="dayTemplate">
</kendo:scheduler-view>

editable boolean

If set to true the user would be able to create new scheduler events and modify or delete existing ones.Overrides the editable option of the scheduler. Further configuration is available via kendo:scheduler-view-editable.

Example

<kendo:scheduler-view editable="editable">
</kendo:scheduler-view>

endTime java.util.Date

The end time of the view. The scheduler will display events ending before the endTime.

Example

<kendo:scheduler-view endTime="endTime">
</kendo:scheduler-view>

eventHeight java.lang.Object

The height of the scheduler event rendered in month and timeline views. In month view it could be set to a concrete number or to the string value "auto". When set to "auto" it will automatically set the views.adaptiveSlotHeight property to true.

Example

<kendo:scheduler-view eventHeight="eventHeight">
</kendo:scheduler-view>

eventSpacing float

Specifies the distance between individual events.

Example

<kendo:scheduler-view eventSpacing="eventSpacing">
</kendo:scheduler-view>

eventTemplate java.lang.String

The template used by the view to render the scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; resources Array - the event resources; start Date - the event start date or title String - the event title.

Example

<kendo:scheduler-view eventTemplate="eventTemplate">
</kendo:scheduler-view>

eventTimeTemplate java.lang.String

The template used by the agenda view to render the time of the scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; isAllDay Boolean - if true the event is "all day"; resources Array - the event resources; start Date - the event start date or title String - the event title.

Example

<kendo:scheduler-view eventTimeTemplate="eventTimeTemplate">
</kendo:scheduler-view>

eventsPerDay float

Indicates how many events could be listed for a day. When there are more events for a specific day a "more" link will be placed at the bottom of the day slot and will navigate to the day view if clicked.

Example

<kendo:scheduler-view eventsPerDay="eventsPerDay">
</kendo:scheduler-view>

majorTick float

The number of minutes represented by a major tick.

Example

<kendo:scheduler-view majorTick="majorTick">
</kendo:scheduler-view>

majorTimeHeaderTemplate java.lang.String

The template used to render the major ticks.By default the scheduler renders the time using the current culture time format.The fields which can be used in the template are: date - represents the major tick date..

Example

<kendo:scheduler-view majorTimeHeaderTemplate="majorTimeHeaderTemplate">
</kendo:scheduler-view>

minorTickCount float

The number of time slots to display per major tick.

Example

<kendo:scheduler-view minorTickCount="minorTickCount">
</kendo:scheduler-view>

minorTimeHeaderTemplate java.lang.String

The template used to render the minor ticks.By default the scheduler renders a " ".The fields which can be used in the template are: date - represents the major tick date..

Example

<kendo:scheduler-view minorTimeHeaderTemplate="minorTimeHeaderTemplate">
</kendo:scheduler-view>

months float

Configures the number of months that will be displayed in the year view calendar.

Example

<kendo:scheduler-view months="months">
</kendo:scheduler-view>

name java.lang.String

The name of the view. Typically, used to get the name of the currently selected view via the view method.

Example

<kendo:scheduler-view name="name">
</kendo:scheduler-view>

selected boolean

If set to true the view will be initially selected by the scheduler widget.

Example

<kendo:scheduler-view selected="selected">
</kendo:scheduler-view>

selectedDateFormat java.lang.String

The format used to display the selected date. Uses kendo.format.Contains two placeholders - "{0}" and "{1}" which represent the start and end date displayed by the view.

Example

<kendo:scheduler-view selectedDateFormat="selectedDateFormat">
</kendo:scheduler-view>

selectedShortDateFormat java.lang.String

The format used to display the selected date when viewport is narrow, and the date is displayed in short ("d") format by default. Uses kendo.format.

Example

<kendo:scheduler-view selectedShortDateFormat="selectedShortDateFormat">
</kendo:scheduler-view>

showWorkHours boolean

If set to true the view will be initially shown in business hours mode. By default view is displayed in full day mode.

Example

<kendo:scheduler-view showWorkHours="showWorkHours">
</kendo:scheduler-view>

slotTemplate java.lang.String

The template used to render the time slot cells.The fields which can be used in the template are: date - represents the slot date and time. or resources() - returns the relevant resources for the current slot..

Example

<kendo:scheduler-view slotTemplate="slotTemplate">
</kendo:scheduler-view>

startDate java.util.Date

Configures the start date of the year view. The Scheduler will display 12 months starting from the startDate.

Example

<kendo:scheduler-view startDate="startDate">
</kendo:scheduler-view>

startTime java.util.Date

The start time of the view. The scheduler will display events starting after the startTime.

Example

<kendo:scheduler-view startTime="startTime">
</kendo:scheduler-view>

title java.lang.String

The user-friendly title of the view displayed by the scheduler.

Example

<kendo:scheduler-view title="title">
</kendo:scheduler-view>

tooltipTemplate java.lang.String

Configures the template used to render the Tooltip in the Scheduler year view.The fields which can be used in the template are: date Date - the selected date from the calendar; events Array - list of the events and their respective resource for the selected date or messages Object - the configuration of the Scheduler messages used for localization..

Example

<kendo:scheduler-view tooltipTemplate="tooltipTemplate">
</kendo:scheduler-view>

type java.lang.String

The type of the view. The built-in views are: "day", "week", "workWeek", "month", "agenda", "timeline", "timelineWeek", "timelineWorkWeek", "timelineMonth" and "year".

Example

<kendo:scheduler-view type="type">
</kendo:scheduler-view>

virtual boolean

Enables the DOM virtualization for vertical grouping of the view - renders batches of DOM elements as you scroll. The views that support this option are: "day", "week", "workWeek", "month".

Example

<kendo:scheduler-view virtual="virtual">
</kendo:scheduler-view>

workDays java.lang.Object

Sets the working days (index based).

Example

<kendo:scheduler-view workDays="workDays">
</kendo:scheduler-view>

workWeekEnd float

The end of working week (index based).

Example

<kendo:scheduler-view workWeekEnd="workWeekEnd">
</kendo:scheduler-view>

workWeekStart float

The start of working week (index based).

Example

<kendo:scheduler-view workWeekStart="workWeekStart">
</kendo:scheduler-view>

Configuration JSP Tags

kendo:scheduler-view-editable

If set to true the user would be able to create new scheduler events and modify or delete existing ones.Overrides the editable option of the scheduler.

More documentation is available at kendo:scheduler-view-editable.

Example

<kendo:scheduler-view>
    <kendo:scheduler-view-editable></kendo:scheduler-view-editable>
</kendo:scheduler-view>

kendo:scheduler-view-group

The configuration of the view resource(s) grouping.

More documentation is available at kendo:scheduler-view-group.

Example

<kendo:scheduler-view>
    <kendo:scheduler-view-group></kendo:scheduler-view-group>
</kendo:scheduler-view>

Event Attributes

allDayEventTemplate String

The template used to render the "all day" scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; resources Array - the event resources; start Date - the event start date or title String - the event title.

Example

<kendo:scheduler-view allDayEventTemplate="handle_allDayEventTemplate">
</kendo:scheduler-view>
<script>
    function handle_allDayEventTemplate(e) {
        // Code to handle the allDayEventTemplate event.
    }
</script>

allDaySlotTemplate String

The template used to render the all day slot cell.The fields which can be used in the template are: date - represents the slot date. or resources() - returns the relevant resources for the current slot..

Example

<kendo:scheduler-view allDaySlotTemplate="handle_allDaySlotTemplate">
</kendo:scheduler-view>
<script>
    function handle_allDaySlotTemplate(e) {
        // Code to handle the allDaySlotTemplate event.
    }
</script>

dateHeaderTemplate String

The template used to render the date header cells.By default the scheduler renders the date using a custom date format - "ddd M/dd". The "ddd" specifier, a.k.a abbreviated name of the week day, will be localized using the current Kendo UI culture. If the developer wants to control the day and month order then one needs to define a custom template.The fields which can be used in the template are: date - represents the major tick date..

Example

<kendo:scheduler-view dateHeaderTemplate="handle_dateHeaderTemplate">
</kendo:scheduler-view>
<script>
    function handle_dateHeaderTemplate(e) {
        // Code to handle the dateHeaderTemplate event.
    }
</script>

dayTemplate String

The template used to render the day slots in month view.The fields which can be used in the template are: date Date - represents the current day or resources() - returns the relevant resources for the current slot..

Example

<kendo:scheduler-view dayTemplate="handle_dayTemplate">
</kendo:scheduler-view>
<script>
    function handle_dayTemplate(e) {
        // Code to handle the dayTemplate event.
    }
</script>

eventTemplate String

The template used by the view to render the scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; resources Array - the event resources; start Date - the event start date or title String - the event title.

Example

<kendo:scheduler-view eventTemplate="handle_eventTemplate">
</kendo:scheduler-view>
<script>
    function handle_eventTemplate(e) {
        // Code to handle the eventTemplate event.
    }
</script>

eventTimeTemplate String

The template used by the agenda view to render the time of the scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; isAllDay Boolean - if true the event is "all day"; resources Array - the event resources; start Date - the event start date or title String - the event title.

Example

<kendo:scheduler-view eventTimeTemplate="handle_eventTimeTemplate">
</kendo:scheduler-view>
<script>
    function handle_eventTimeTemplate(e) {
        // Code to handle the eventTimeTemplate event.
    }
</script>

majorTimeHeaderTemplate String

The template used to render the major ticks.By default the scheduler renders the time using the current culture time format.The fields which can be used in the template are: date - represents the major tick date..

Example

<kendo:scheduler-view majorTimeHeaderTemplate="handle_majorTimeHeaderTemplate">
</kendo:scheduler-view>
<script>
    function handle_majorTimeHeaderTemplate(e) {
        // Code to handle the majorTimeHeaderTemplate event.
    }
</script>

minorTimeHeaderTemplate String

The template used to render the minor ticks.By default the scheduler renders a " ".The fields which can be used in the template are: date - represents the major tick date..

Example

<kendo:scheduler-view minorTimeHeaderTemplate="handle_minorTimeHeaderTemplate">
</kendo:scheduler-view>
<script>
    function handle_minorTimeHeaderTemplate(e) {
        // Code to handle the minorTimeHeaderTemplate event.
    }
</script>

slotTemplate String

The template used to render the time slot cells.The fields which can be used in the template are: date - represents the slot date and time. or resources() - returns the relevant resources for the current slot..

Example

<kendo:scheduler-view slotTemplate="handle_slotTemplate">
</kendo:scheduler-view>
<script>
    function handle_slotTemplate(e) {
        // Code to handle the slotTemplate event.
    }
</script>

tooltipTemplate String

Configures the template used to render the Tooltip in the Scheduler year view.The fields which can be used in the template are: date Date - the selected date from the calendar; events Array - list of the events and their respective resource for the selected date or messages Object - the configuration of the Scheduler messages used for localization..

Example

<kendo:scheduler-view tooltipTemplate="handle_tooltipTemplate">
</kendo:scheduler-view>
<script>
    function handle_tooltipTemplate(e) {
        // Code to handle the tooltipTemplate event.
    }
</script>

Event Tags

kendo:scheduler-view-allDayEventTemplate

The template used to render the "all day" scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; resources Array - the event resources; start Date - the event start date or title String - the event title.

Example

<kendo:scheduler-view>
    <kendo:scheduler-view-allDayEventTemplate>
        <script>
            function(e) {
                // Code to handle the allDayEventTemplate event.
            }
        </script>
    </kendo:scheduler-view-allDayEventTemplate>
</kendo:scheduler-view>

kendo:scheduler-view-allDaySlotTemplate

The template used to render the all day slot cell.The fields which can be used in the template are: date - represents the slot date. or resources() - returns the relevant resources for the current slot..

Example

<kendo:scheduler-view>
    <kendo:scheduler-view-allDaySlotTemplate>
        <script>
            function(e) {
                // Code to handle the allDaySlotTemplate event.
            }
        </script>
    </kendo:scheduler-view-allDaySlotTemplate>
</kendo:scheduler-view>

kendo:scheduler-view-dateHeaderTemplate

The template used to render the date header cells.By default the scheduler renders the date using a custom date format - "ddd M/dd". The "ddd" specifier, a.k.a abbreviated name of the week day, will be localized using the current Kendo UI culture. If the developer wants to control the day and month order then one needs to define a custom template.The fields which can be used in the template are: date - represents the major tick date..

Example

<kendo:scheduler-view>
    <kendo:scheduler-view-dateHeaderTemplate>
        <script>
            function(e) {
                // Code to handle the dateHeaderTemplate event.
            }
        </script>
    </kendo:scheduler-view-dateHeaderTemplate>
</kendo:scheduler-view>

kendo:scheduler-view-dayTemplate

The template used to render the day slots in month view.The fields which can be used in the template are: date Date - represents the current day or resources() - returns the relevant resources for the current slot..

Example

<kendo:scheduler-view>
    <kendo:scheduler-view-dayTemplate>
        <script>
            function(e) {
                // Code to handle the dayTemplate event.
            }
        </script>
    </kendo:scheduler-view-dayTemplate>
</kendo:scheduler-view>

kendo:scheduler-view-eventTemplate

The template used by the view to render the scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; resources Array - the event resources; start Date - the event start date or title String - the event title.

Example

<kendo:scheduler-view>
    <kendo:scheduler-view-eventTemplate>
        <script>
            function(e) {
                // Code to handle the eventTemplate event.
            }
        </script>
    </kendo:scheduler-view-eventTemplate>
</kendo:scheduler-view>

kendo:scheduler-view-eventTimeTemplate

The template used by the agenda view to render the time of the scheduler events.The fields which can be used in the template are: description String - the event description; end Date - the event end date; isAllDay Boolean - if true the event is "all day"; resources Array - the event resources; start Date - the event start date or title String - the event title.

Example

<kendo:scheduler-view>
    <kendo:scheduler-view-eventTimeTemplate>
        <script>
            function(e) {
                // Code to handle the eventTimeTemplate event.
            }
        </script>
    </kendo:scheduler-view-eventTimeTemplate>
</kendo:scheduler-view>

kendo:scheduler-view-majorTimeHeaderTemplate

The template used to render the major ticks.By default the scheduler renders the time using the current culture time format.The fields which can be used in the template are: date - represents the major tick date..

Example

<kendo:scheduler-view>
    <kendo:scheduler-view-majorTimeHeaderTemplate>
        <script>
            function(e) {
                // Code to handle the majorTimeHeaderTemplate event.
            }
        </script>
    </kendo:scheduler-view-majorTimeHeaderTemplate>
</kendo:scheduler-view>

kendo:scheduler-view-minorTimeHeaderTemplate

The template used to render the minor ticks.By default the scheduler renders a " ".The fields which can be used in the template are: date - represents the major tick date..

Example

<kendo:scheduler-view>
    <kendo:scheduler-view-minorTimeHeaderTemplate>
        <script>
            function(e) {
                // Code to handle the minorTimeHeaderTemplate event.
            }
        </script>
    </kendo:scheduler-view-minorTimeHeaderTemplate>
</kendo:scheduler-view>

kendo:scheduler-view-slotTemplate

The template used to render the time slot cells.The fields which can be used in the template are: date - represents the slot date and time. or resources() - returns the relevant resources for the current slot..

Example

<kendo:scheduler-view>
    <kendo:scheduler-view-slotTemplate>
        <script>
            function(e) {
                // Code to handle the slotTemplate event.
            }
        </script>
    </kendo:scheduler-view-slotTemplate>
</kendo:scheduler-view>

kendo:scheduler-view-tooltipTemplate

Configures the template used to render the Tooltip in the Scheduler year view.The fields which can be used in the template are: date Date - the selected date from the calendar; events Array - list of the events and their respective resource for the selected date or messages Object - the configuration of the Scheduler messages used for localization..

Example

<kendo:scheduler-view>
    <kendo:scheduler-view-tooltipTemplate>
        <script>
            function(e) {
                // Code to handle the tooltipTemplate event.
            }
        </script>
    </kendo:scheduler-view-tooltipTemplate>
</kendo:scheduler-view>