Button

<< Click to Display Table of Contents >>

Navigation:  Cloud applications > Bizagi Sites > Creating a site > Sites Controls > Buttons >

Button

Use

The Button element displays a circled button that navigates to a page (internal or external), or starts a new case instance of any process hosted in the Bizagi Cloud Project..

 

Button_01

 

Settings

Displays a set of properties oriented to customize the Button.

 

Button_03

 

PROPERTY

DESCRIPTION

Font family

Defines the font family of the button element. Default value is Open Sans.

The available font families are:

 

Text_05

Font size (px)

Defines the size of the font selected. Default value is 14 px.

Font color

Defines the icon color of the button when is not hovered. Default color is defined by the theme selected.

Background color

Defines the background color of the button when is not hovered. Default color is defined by the theme selected.

Icon

Defines the icon displayed on the button. Click on Select Icon in order to display the list of available icons. Default value is plus icon (+).

This icon is visible only when at least one of the properties Icon Left or Icon Right is enabled.

Align

Allows you to define if the icon will be aligned to left, right or center. Default value is center.

Icon Left

Defines whether the button will display the icon at the left side of the button. Default value is false (Not displayed).

Icon Right

Defines whether the button will display the icon at the right side of the button. Default value is false (Not displayed).

Border size

Select the border size in pixels of the button. The minimum value is 0 px and the maximum is 19.5 px. The default value is 1 px.

Border type

Defines the border type of the button. The possible values are Dotted, Dashed, Solid, Double, and None. The default value is Solid.

Border color

Defines the border color of the button. Default color is defined by the theme selected.

Border Radius

Allows you to define how rounded will be the corners of the button. Default value is 5 px.

Reset

Sets the default values for all the properties.