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.


Tags

Was this article helpful?