Calendar selector
This tutorial demonstrates how to add a Calendar selector in a widget's designer view.
PREREQUISITES: Create calendar items, so that the selector can use it. For more information, see Calendars.
To add a Calendar selector, in your DesignerView.<YourView>.cshtml file, place one of the following tags anywhere in the HTML code.
Single item selection:
Multiple item selection:
The values of the attributes are scope properties that you define in the MVC widget controller.
| Attribute |
Description |
| sf-selected-item-id |
Single select only. Stores the ID of the selected item. |
| sf-selected-item |
Single select only. Stores the serialized information of the selected item. |
| sf-selected-ids |
Multi select only. Stores the IDs of the selected items. |
| sf-selected-items |
Multi select only. Stores the serialized information of the selected items. |
| sf-provider |
Configures the provider to use when retrieving the items to display. |