Button

General

• Text - Display text in the control.
• Tooltip - Tooltip to be displayed on the button. Use this to provide additional information on the control.
• Icon - Icon to be displayed on the button. Pick an icon from the list of icons available in the icon section. Toggle to "Resource Picker" mode to pick an icon.
• Hidden- If selected, hides the control in the runtime.
• Disabled - If selected, disables the control in the runtime.

Events

• Clicked On - Configure what happens when the button is clicked.

Style

• Control Alignment - By default, inherits the parent alignment. A different alignment other than the parent can be set. To default to Parent's alignment, toggle the selected alignment icons to switch off the specific alignment.

  Note: Alignment is dependent on Parent's layout (Vertical vs Horizontal).
• Style - Five different button styles are available for easy configuration. Style comprises of Background color, Border, and Font properties. Any attribute in Style can be customized. Once customized, the style selection in the dropdown is turned to "Customized". Users can revert to the original style by selecting any of the 5 available button styles.
• Margin- Sets the margin of the control. By default 4px margin is set. Top/Bottom and Left/Right margin properties are combined. These properties can be unlinked using the unlink button on the right side of the Margin section heading.

• Size - The width and height of the button can be set in the size section. By default, the size is set to Auto.

  Min Width/ Min Height and Max Width/ Max Height is available under more (...) in the size section.