HTML button widget
|
---|
HTML button |
With the HTML button widget, you can add a button to the storyboard page to run the script provided in the HTML code widget.
Use the data tab to define the following data settings for the button.
Section | Use this item to |
---|---|
Name |
Specify the internal name for the button to connect it with the code in the HTML code widget. |
ID |
Specify the ID for the button to connect it with the code in the HTML code widget. |
Label |
Specify the label to be shown on the button. |
Use the appearance tab to define the appearance of the HTML button.
Section | Use this item to |
---|---|
Size |
Select how to define the button size: in percentage or in pixels. Then, define the values for the width and height of the button (in percentage or pixels, depending on the selected size type). |
Fonts |
Define the font properties (font family, size, color, style, and weight) for the button label. |
Background |
Define the background color for the button. |
Border |
Define the border color, thickness, and radius (the bigger the corner radius, the more rounded the corners are.) |
Style |
Add the inline style properties, for example, text-align:center; padding:5px. |
Visibility |
Specify whether the widget is initially visible or hidden when the page is opened or refreshed. |
The default button appearance is displayed in the following screenshot.