The MobileOptionSelector widget allows selecting a value from a list of options by selecting it from a dropdown menu.

  • UI Type:

Extends: BaseWidget


Name Desciption
DisabledThe widget cannot be used.
Display ArrowDisplay Arrows for swiping.
Enable ScrollEnable horizontal scrolling.
HiddenHides the widget from the user.
InfiniteAllow Infinite scrolling.
LabelText label shown on the widget.
MultiselectAllow selection of multiple values.
Slides To ScrollSlides to be scrolled in one go.
Slides To ShowSlides to be preview in one go.
SpeedScrolling Speed.
Tab IndexThe Tab Index is an integer that tells the order of the widget when using the tab-key to move from one widget to another.


Name Desciption
Arrow color (for scroll type)The color of the arrow for the dropdown.
Background-colorChange background color of the widget.
Border colorAdd the color for the border.
Border radiusAdd curves to the borders of the widget.
Border styleThe style of the border whether it is solid, dotted or dashed.
Border widthDefine the border width in pixels for the widget.
ColorColor of the text inside the widgets. May not apply to all text inside all widgets.
Font SizeSet the font size in pixels for text.
Font weightModify text style and select a range from bold to lighter font weight.
Item Padding (right left)Generate space around the widget’s left and right area.
Item Padding (top bottom)Generate space around the widget’s top and bottom area.
Label text colorSets the change in the label font color.
Selected Item Background ColorSpecifies the background color of the selected item of the Option Selector widget.
Selected Item Text ColorSpecifies the text/font color of the selected item of the Option Selector widget.
Space between itemsGenerates space between each items in the list.
Text-alignmentSet left, centered or right. Applies both to icon and text.


Name Description Event Attribute
Blur Event when a widget goes out of focus.
Change Event triggered after the element has finished changing.
event The current value of the date picker.
value Values Selected by widget.
Click Event that triggers based on touch or click.
event The event that triggered the handler.
DblClick Event that triggers based on double click.
event The event that triggered the handler.
Focus Event when indicating/ highlighting widget using the cursor.


( )