You can add settings to a widget that provide a finer level control over the widget’s behavior when it is added to a layout. For example, the Related Products widget shown below has settings that allow the page designer to specify the number of related products to show and whether to display the name or price for related products. Any customizable settings that have been configured for a widget are available via the widget’s Settings tab.
To view a widget’s Settings tab:
From the Layout tab, select the layout instance that contains the widget whose settings you want to view.
Double-click the widget to view its details. Depending on the widget you are editing, you see up to three tabs called Layout, Settings, and About. The Settings tab is where the configurable widget settings discussed in this section appear.
Any configurable widget settings you create are added to the widget’s view model and can be referenced from the widget’s HTML template using a data-bind attribute. Examples for creating the data bind are provided later in this section.