Smart HTML MultiSplitButton is a form control that allows either selecting a value from a drop down list or clicking one of the split buttons.

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.

photo_camera
Name
Phone Mobile Home Work
Email Work Mobile Home
Address Home Mobile Work
Ringtone Add note

Generic overflow MultiSplitButton

The generic overflow MultiSplitButton 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

Style

Normal

Home Mobile Work Business Personal

Disabled

Home Mobile Work Business Personal

Open Directions

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

Selection Modes

Smart.MultiSplitButton 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"

Demo

MultiSplitButtones are controls that are used for making a selection from a list of options.

Edit shipping info

John Williams
2000 Main Street
Hoboken NJ DE FL NH GA IN HI CT NM ID KS LA KY CO NE OH SC RI TX WA 94122
Cancel Done


Welcome

English(US) English(UK) English(AU) English(IN) Czech Dutch French German(DE) German(AT) Italian Japanase Korean Polish Russian Spanish Arabic(EG) Arabic(IL) Bulgarian Croatian Danish Finnish Romanian Swedish Thai Turkish Ukrainian Vietnamese EMERGENCY