Add Button

1

Insert a Button

On the toolbar above, click the button to add a button to the Report Page.

2

Adjust Size and Position

Once the button is added to the Report Page, users can:

• Drag and drop to adjust its position on the page.

• Drag the bottom-right corner to resize the button.

3

Edit and Format Buttons

In the right sidebar, under the Visualizations → Style tab, users can configure the following properties:

• Border: Enable or disable the border of the button container.

• Label: Text displayed on the button.

• Tooltip: Hint text shown when the user hovers over the button.

• Action: Define what happens when the user clicks the button. Two types of actions are supported:

  • Web URL: Opens a specified link with two display modes:

    • Same tab: Opens the link in the current browser tab.

    • New tab: Opens the link in a new browser tab.

  • Bookmark: Navigates to a predefined report bookmark.

• Format: Customize the appearance of the button.

Button Format Details

Users can define separate styles for each button state:

• Default: Normal state when the Report Page is first loaded.

• Hover: When the mouse hovers over the button.

• Press: When the button is being clicked.

For each state, the following style properties can be customized:

Property	Description	Default Value
Width	Button width (in px)	80px
Height	Button height (in px)	36px
Font	Font family used	Inter
Font Size	Font size (in px)	14px
Font Style	Normal or Italic	Normal
Font Weight	Normal or Bold	Normal
Font Color	Text color	White #FFFFFF
Background	Button background color	Blue #154DBD
Border Width	Border thickness (in px)	0px
Border Radius	Rounded corners (in px)	6px
Border Style	Solid, Dashed, or Dotted	Solid
Border Color	Border color	Blue #154DBD

For example, a user can configure the button with the values above to create a button styled as shown in the preview below