Mashup Builder > Widgets > Beta Widgets > Dropdown Widget (Beta)
  
Dropdown Widget (Beta)
The Dropdown widget enables you to add a dropdown user interface element and its options in the mashup. A mashup user can select from the dropdown.
* 
The Dropdown is available as a Beta widget in the platform and as a web component that can be imported from an SDK.
The SDK is available at PTC Support under Download Software > Order or Download Software Updates > ThingWorx Platform > Release 8.4.
The properties of the Dropdown widget are listed below.
Property Name
Description
Base Type
Default Value
Bindable? (Y/N)
Localizable? (Y/N)
HintText
Displays placeholder text that explains what should be entered in the field.
STRING
Select...
Y
Y
Label
The text that is displayed as the widget label.
STRING
n/a
Y
Y
LabelAlignment
Enables you to align the label to the left, right or centre.
STRING
Left
Y
N
Alignment
Enables you to align the text items to the left, right or centre in the dropdown list.
STRING
Left
Y
N
Disabled
Use this property to disable the widget in the mashup. The widget is displayed in the mashup but you cannot click it.
BOOLEAN
False
Y
N
MultiSelect
Enables the user to select multiple items in the dropdown list.
BOOLEAN
False
N
N
AutoSelectFirstRow
Enables you to set the first row as the selected option in the dropdown list.
* 
This property is available to you when the MultiSelect property is not selected.
BOOLEAN
False
N
N
RowHeight
Enables you to set the row height for the single line.
NUMBER
34
Y
N
CustomClass
Enables you to define the CSS class to apply to the top div of the widget. Multiple classes can be entered, separated by space.
STRING
n/a
Y
N
TabSequence
The sequence of the widgets in which they are highlighted when the user presses Tab key.
NUMBER
n/a
N
N
Data
The infotable source.
INFOTABLE
n/a
Y
N
DisplayField
The infotable field that represents the data value.
n/a
n/a
N
N
ValueField
The field that is used for SelectedText.
n/a
n/a
N
N
SelectedText
Enables you to select an item in the list.
STRING
n/a
Y
Y
SelectedItems
The infotable source for the selected items in the list.
INFOTABLE
n/a
Y
N
ListFormat
This property is used to apply a specific render for the data.
n/a
n/a
N
N