Button Widget (Themable)
 |
This themable widget was listed as Beta in the ThingWorx 8.4.X release.
|
The Button widget enables you to add a button in a mashup and raise an event when it is clicked.
|
|
The Button widget is available as a standard widget in the platform and as a web component that can be imported from an SDK.
|
The properties of the Button widget are listed below:
|
Property Name
|
Description
|
Base Type
|
Default Value
|
Bindable? (Y/N)
|
Localizable? (Y/N)
|
||
|---|---|---|---|---|---|---|---|
|
Icon
|
Enables you to set an icon image in the button widget.
|
n/a
|
n/a
|
N
|
N
|
||
|
Label
|
The text that is displayed in the label of button widget
|
STRING
|
Button
|
Y
|
Y
|
||
|
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
|
||
|
CustomClass
|
Enables you to define the CSS to the top div of the widget. Multiple classes can be entered, separated by space.
|
STRING
|
n/a
|
Y
|
N
|
||
|
ContextID
|
Enables you to set an ID for the widget.
|
STRING
|
n/a
|
Y
|
N
|
||
|
LabelAlignment
|
Enables you to align the label in the widget to the left, right or center.
|
STRING
|
Center
|
N
|
N
|
||
|
MaxWidth
|
Enables you to set a maximum width for the button widget.
The button label is truncated if it is longer than the maximum width.
|
NUMBER
|
n/a
|
N
|
N
|
||
|
ButtonType
|
Enables you to set a button type.
The button types are Primary, Secondary, Tertiary, Danger and Transparent. Each button type has different styling.
|
STRING
|
Primary
|
Y
|
N
|
||
|
TabSequence
|
The sequence in which widgets are highlighted when a user presses Tab key.
|
NUMBER
|
n/a
|
N
|
N
|
||
|
ToolTipField
|
Enables you to define a tooltip that is displayed when you hover over the button widget.
|
STRING
|
n/a
|
Y
|
Y
|
||
|
Clicked
|
Triggers an event when the button widget is clicked.
|
n/a
|
n/a
|
Y
|
N
|
||
|
TriggerClick
|
A bindable service that triggers the button click.
|
n/a
|
n/a
|
Y
|
N
|
||
|
Width
|
The width of the widget. The width is set to the width of the label by default. Enter a value in the property panel or resize the widget in the canvas to set a fixed width.
|
NUMBER
|
n/a
|
N
|
N
|
||
|
Height
|
The height of the widget. The height is set to the maximum width of the label by default. Enter a value in the property panel or resize the widget in the canvas to set a fixed height.
|
NUMBER
|
n/a
|
N
|
N
|