Buttons

<< Click to Display Table of Contents >>

Navigation:  Bizagi Studio > Sites > Sites Editor > Building a site > Sites Designer > Site Controls >

Buttons

Presents controls that can link to an internal or external page, or start a new case instance of any process.

 

SitesControls15

 

Manage content

The button control lets you add a regular button.

 

SitesControls22

 

You can add icons to your button and change the button text.

You can also add a round button and customize the icon for it.

 

SitesControls23

 

The button control lets you add links to your site. You can set the text to display for the link.

 

SitesControls24

 

When a page is contextualized you can add the Yes/No control where you can add a label to the control and select the Boolean attribute for the control.

 

Button01

 

Settings

These properties let you customize the Button control. You can return to the default values when you click the Reset button.

 

Fonts

Font family: Set the font family for a text element.

Font size (px): Set the size of the text in the navigation panel.

Font color: Set the color of the text displayed in the navigation pane. The default color depends on the selected theme.

 

Icon

Icon Color: Set the color for the icon.

Show checkbox: Set if the control displays a checkbox.

 

Background

Background color: Set the background color for the control. The default color depends on the selected theme.

 

Style

Arrange: Set the location of the control in relation to other page contents. You can bring the control to the front, send it to the back, or move it forward or backward one layer

Button size: Select the size for the button: Small, Medium, or Large.

Align: Set the text alignment to left, right or center.

Stretch to full width: Widen the figure to fit the container width.

Show Boolean value: Set whether the control displays True/False or Yes/No values.

 

Border

Border size: Set the border size of the image in pixels.

Border type: Set the border type for the control.

Border color: Set the border color of the control.

Border radius: Set the roundness of the corners of the button.

 

Link Editor

Link Editor lets you set navigation to an internal or external page, or start a new case instance of any process hosted in the Automation Project.

 

SitesControls19

 

Static link: Link the control to static URL. When you select this option, you can set the  following properties:

oLink: The URL to which the user will be redirected.

oOpen in new tab: Set whether the target page opens in a new tab. The default value is false.

Internal link: Link the control to a page of the current site.

oSelect a page: Define the page to which the user will be redirected. You can only select a page you have already created.

oOpen in new tab: Set whether the page opens in a new tab. The default value is false.

Processes: Link the control to a process in the Automation Project.

oSelect a process: Define the process to be started.