Smart HTML ComboBox is an editable form control with an input that allows selecting a value from a list.


A dropdown list selects between multiple selections. It displays the current state and a down/up arrow. Available states may be shown as a list of strings, a palette, or icons, for example.

When a user interacts with the dropDown, a menu can appear over, under or below the drop down list and displays the possible states. Pressing a state dismisses the menu if the selection is single and updates the button to display this new state.

Scrolling within the dropdown behaves the same way a menu scrolls.



Mobile Home Work

Work Mobile Home

Home Mobile Work

Generic overflow combobox

The generic overflow combobox displays an arrow by default. When the button is pressed, the menu appears. Pressing an option on the menu navigates to further settings for that option.


Arial Calibri Courier Verdana


ComboBox Style


Normal


Home Mobile Work Business Personal

Opened


Home Mobile Work Business Personal

Disabled


Home Mobile Work Business Personal


ComboBox Open Directions

Smart.ComboBox has a number of opening directions but the most popular are "bottom", "overlay-center" and "top".

Bottom Africa America Asia Europe
Overlay-center Yogurt Honey Strawberries
Top Peanuts Hazelnuts Almonds


ComboBox Selection Modes

Smart.ComboBox has a variaty of selection modes allowing single or multiple item selection.

One(Selection of single item)

State 1 State 2 State 3
oneOrManyExtended - allows selection with shift and ctrl.

State 1 State 2 State 3
checkBox

Item 1 Item 2 Item 3
radioButton

Item 1 Item 2 Item 3

Additional selection modes are "zeroOrOne", "OneOrMany", "zeroOrMany" and "none"