Add Select controls
Collapse the table of content
Expand the table of content
Language: HTML | XAML

Adding Select controls (HTML)

[ This article is for Windows 8.x and Windows Phone 8.x developers writing Windows Runtime apps. If you’re developing for Windows 10, see the latest documentation ]

Use Select controls to let users select from a pre-defined list of options presented like a text control. Select controls are similar to drop-downs or combo boxes. Users can select one or more options from a set of items with text labels. The Select control has two different modes of operations that developers can choose from: flyout mode and inline mode.

Select control modes

Flyout mode Use flyout mode when you need to conserve on-screen space and when users select only one option at a time. Flyout mode Select controls show only the currently selected item. Users must tap on the control to see other selectable items.

A select control in flyout mode

Inline mode Use inline mode when you want the options to be visible all the time or when users can select more than one option at a time. Inline mode Select controls are "always open", which allows several items to be displayed to the user while at rest.

A select control in inline mode



© 2018 Microsoft