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.
Comments
0 comments