Button
A component that is used to display a regular button. |  |
Public Variables (Properties)
[?]
Common Variables: Name, Visible, Breakpoint, Grid Width, Grid Height, Content Overflow, Container Style, Custom Classes, Style, Preloader, Component Bindings, Tooltip.
Label
The text of the button label.
Variable Name: | label |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
label | String | Label |
Image
The image to display on the button.
Variable Name: | image |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
imageType | Integer | Choose whether to use data from the imageData field, or the imageURL field.
|
imageData | Data Block | Image data. |
imageUrl | String | Image URL. |
Disabled
This flag indicates the component is active. Disabled components do not respond to user input, and are rendered as grayed-out.
When Disabled is set to true, the Events Properties Generate Mouse Clicked Events, Generate Mouse Double Clicked Events, Generate Mouse Pressed Events, and Generate Mouse Released Events will be read only and set to false.
Variable Name: | disabled |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
disabled | Boolean | Disabled |
Theme Type
Allows switching between graphical presentations of the button. This property has the following selection values:
Main - white text, light-blue button color
Secondary - gray text and border, white button color
Text - gray text only
Each button's style can be modified using CSS-related properties like Style.
Variable Name: | buttonTheme |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
buttonTheme | String | Theme Type |
Hover Style
The CSS Style to be applied to the button in the Hover state.
Variable Name: | hoverStyle |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
hoverStyle | String | Hover Style |
Active Style
The CSS Style to be applied to the button in the Active state.
Variable Name: | activeStyle |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
activeStyle | String | Active Style |
Focus Style
The CSS Style to be applied to the button in the Focus state.
Variable Name: | focusStyle |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
focusStyle | String | Focus Style |
Image Container Style
The CSS Style to be applied to the container of the image specified in the image property.
Variable Name: | imageButtonContainerStyle |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
imageButtonContainerStyle | String | Image Container Style |
Button Text Style
The CSS Style to be applied to the text of button label specified in the buttonName property.
Variable Name: | textButtonContainerStyle |
Records: | 1 |
Record Format:
Field Name | Field Type | Field Description |
textButtonContainerStyle | String | Button Text Style |
Public Events
[?]
Common Events: Mouse Clicked
Was this page helpful?