Controls Overview

A single-line text box that supports all data types.

A dual-state selection control used for setting or clearing Boolean (yes/no) fields.

A list showing the possible values that can be selected and also the currently-selected value.

A control used to trigger actions when it is clicked with the mouse or activated using the keyboard.

An unbound control used to display a hyperlink that triggers a specific action when clicked.

A date selection control that allows the user to select a date using a dropdown calendar.

A selection control that allows the user to select a date, time and optional time zone using a dropdown calendar and time selector.

A read-only control for displaying numeric values using a bar that is filled to display the current value relative to the total size of the bar.

A control used to display a text message with uniform formatting.

A multi-line text editing control with support for line breaks, word wrapping and scrolling.

A control that can be used to group other controls, enabling more layout flexibility. More information: Adding Controls in a Melting Group .

A combination dropdown list and input field, enabling the user to choose an option from a dropdown list or else enter values not available in the list.

A selection control consisting of radio buttons, one for each value that a user can select. Only one radio button can be selected at any time.

A dual-state selection control used to set or clear Boolean fields using a button.

A date selection control that allows the user to select a date or a range of dates using a navigable monthly calendar.

A numeric range control with up/down buttons for stepping through the values in the range.

A numeric selection control that enables the user to select a value by moving a slider thumb between the end points of a horizontal slider track. The current value of the slider is determined by the relative location of the thumb between the end points of the slider, corresponding to the slider's min/max values.

A numeric selection control that enables the user to select a value by moving a slider thumb between the end points of a vertical slider track. The current value of the slider is determined by the relative location of the thumb between the end points of the slider, corresponding to the slider's min/max values.

A read-only control that displays numeric values on a radial scale. The current value of the gauge is determined by the angle of the gauge's needle relative to the total angular extent of the gauge.

A horizontal line that visually groups items or separates content areas.

A vertical line that visually groups items or separates content areas.

A control used to display an icon from the image library or an image by specifying its URL.