Custom select menu

The custom select uses a popup with a listview to display the menu. For long lists a dialog will be used.

Examples

Basic:

Long list:

Mini sized:

Icon left:

Data-placeholder:

Option w/o value:

Empty option w/o value:

1 option selected:

1 option disabled:

Multiple:

Multiple, icon left, long list:

Optgroup:

Vertical controlgroup: Select A Select B Select C

Vertical controlgroup, icon left, mini sized: Select A Select B Select C

Horizontal controlgroup: Select A Select B Select C

Horizontal controlgroup, mini sized: Select A Select B Select C

Home
Introduction
Buttons
Button widget
Checkboxradio widget
- Checkboxes
- Radio buttons
Collapsible (set) widget
- Collapsible
- Dynamic collapsibles
- Collapsible set
Controlgroup widget
- Controlgroup
- Dynamic controlgroups
Datepicker
Events
- Swipe list items
- Swipe page navigation
Filterable widget
Flipswitch widget
Forms
- Forms
- Hide labels
- Field containers
- Forms disabled
- Forms gallery
Grids
- Grids
- Buttons in grids
- Custom responsive grids
Grouping and dividing content
Icons
- Icons
- Grunticon loader
Listview widget
- Listview
- Listview autocomplete
- Listview autocomplete remote data
- Listview autodividers linkbar
- Listview autodividers selector
- Listview Nested Listviews
- Listview collapsible list items (flat)
- Listview collapsible list items (indented)
- Listview responsive grid
Loader widget
Navbar widget
Navigation
- Navigation
- Linking pages
- PHP redirect demo
- Hash processing demo
Pages
- Pages
- Single page
- Multi-page template
- Dialog page
Panel widget
- Panel
- External panels
- Fixed panels
- Panels responsive
- Custom panel style
- Panel open on swipe
- Panel external and internal
Popup widget
- Popup
- Popup alignment
- Popup arrow size
- Dynamic popups
- Popups with iframes
- Popup image scaling
- Popup outside multi-page
Rangeslider widget
Responsive Web Design
Selectmenu widget
- Selectmenu
- Custom select menu
- Custom select menu with filter
Slider widget
- Slider
- Slider flip toggle switch
- Slider tooltip
Table widget
- Table Column Toggle
- Table Column Toggle demo
- Table Column Toggle heading groups
- Table Column Toggle options
- Table Reflow
- Table Reflow heading groups
- Table Reflow stripes and strokes
- Table Reflow custom styles
Tabs widget
Textinput widget
Theming
- Default theme
- Classic theme
Toolbar widget
- Toolbar
- Dynamic toolbars
- External toolbars
- Fixed toolbars
- Fullscreen toolbars
- Fixed external toolbars
- Persistent toolbars
- Ajax optimized toolbars
- Form in toolbar
Transitions
3rd party API demos
- Backbone RequireJS
- Google Maps geolocation
- Google Maps list toggle

Custom select menu

Examples

Checkboxradio widget

Collapsible (set) widget

Controlgroup widget

Events

Forms

Grids

Icons

Listview widget

Navigation

Pages

Panel widget

Popup widget

Selectmenu widget

Slider widget

Table widget

Theming

Toolbar widget

3rd party API demos