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.

SectionUse 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.

SectionUse 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.

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.