The following styles can be configured for the action button from the Styles tab:
Style |
Description |
---|---|
background-color --button-background-color |
This option allows you to select the background color of the button. Click on the ellipsis (...) button to access a color picker to select the color. |
height |
Defines the height of the button. The value entered can be one of the following units of measure:
|
width |
Defines the width of the button. The value entered can be one of the following units of measure:
|
--button-border-color |
This option allows you to select the color of the button's border. Click on the ellipsis (...) button to access a color picker to select the color. |
--button-border-radius |
This option allows you to define how much the corners of the button are rounded. The value can be defined with:
The value entered can be one of the following units of measure:
|
--button-border-style |
In the Style Value column, you can select the line style for the border around the button. You can select none, dotted, solid, dashed, double, or inset. |
--button-border-width |
Enter the value for the width of the border line around the button. The value entered can be one of the following units of measure:
The values can be set for all four borders separately, in the following order: top border, right border, bottom border, left border. The following is an example:thin medium thick 10px |
--button-font-color |
This option allows you to select the color of the button's text. Click on the ellipsis (...) button to access a color picker to select the color. |
--button-font-family |
This option allows you to set font family for the button's text. One or more family can be set, separated by commas. |
--button-font-size |
This option allows you to specify the size of the button's text. The value entered can be one of the following units of measure:
|
--button-font-weight |
This option allows you to specify whether the label's text is normal or bold. |
When properties can be configured on both the General and Styles tabs, the property changes will be properly displayed on both tabs.