Static data
Description
Define the static list of choices to show in the Spin List control.
Discussion
The values in the Spin List control can be defined at design-time as a static list of options.
Each value is specified on one line. An optional stored value can be defined separately from the displayed value using the pipe '|' delimiter. For example:
Red|1 Orange|2 Yellow|3 Green|4 Blue|5 Purple|6
If you want to include the pipe '|' character as part of the displayed or stored value, it must be escaped using the backslash. EG:
Brown\|Tan|7
The displayed value can also contain HTML markup:
<span style="color:red;font-weight:bold;">Red</span>|1 <span style="color:orange;font-weight:bold;">Orange</span>|2 <span style="color:yellow;font-weight:bold;">Yellow</span>|3 <span style="color:green;font-weight:bold;">Green</span>|4 <span style="color:blue;font-weight:bold;">Blue</span>|5 <span style="color:purple;font-weight:bold;">Purple</span>|6
Using HTML and CSS, you can add images to the Spin List choices:
<svg class="icon"><use xlink:href="#alpha-icon-gear"></use></svg> Edit|gear <svg class="icon"><use xlink:href="#alpha-icon-add"></use></svg> Create|add <svg class="icon"><use xlink:href="#alpha-icon-bell"></use></svg> Call|bell <svg class="icon"><use xlink:href="#alpha-icon-calendar"></use></svg> Schedule|calendar
Click here to download a component with several examples of Static Spin Lists.