Mashup Builder > Widgets > Beta Widgets > Button Widget (Beta)
  
Button Widget (Beta)
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 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 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.
* 
MaxWidth and Width properties cannot be used together.
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 is clicked.
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.
* 
MaxWidth and Width properties cannot be used together.
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