New to Kendo UI for jQuery? Download free 30-day trial
Templates
- EXAMPLE
- VIEW SOURCE
-
EDIT
-
Change Theme
default
- Main
- Main Dark
- Nordic
- Ocean Blue
- Purple
- Turquoise
- Main
- Main Dark
- Nordic
- Urban
- Vintage
- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
- Main
- Main Dark
- Opal
- Silver
Also available for:
API REFERENCEDescription
This example illustrates how to use templates to customize the appearance of the scheduler events. You can use the eventTemplate setting to create a template for the scheduler’s events. Other template settings provided by the widget are allDayEventTemplate, dateHeaderTemplate, groupHeaderTemplate, majorTimeHeaderTemplate and minorTimeHeaderTemplate.
Templates use a simple templating syntax where the hash # symbol is used to mark areas in a template that should be replaced with data when the template is executed. The # character is also used to signify the beginning and end of custom JavaScript code inside the template.
There are three ways to use the hash syntax:
- Render values as HTML: #= #
- Uses HTML encoding to display values: #: #
- Execute arbitrary JavaScript code: # if (true) { # ... non-script content here ... # } #
You can find more information about the templates in this article: Kendo UI Templates Overview.