Link Button

<< Click to Display Table of Contents >>

Navigation:  Low-code Process Automation > Studio Cloud - Authoring environment > Bizagi Apps > App Designer > App Designer editor > Controls > Buttons >

Link Button

Overview

In the App Designer editor, the Link button control allows the end user to navigate your app within different options by pressing a text with a link.

 

linkbutton01

 

Add a Link button control

To add a Link button control, select the Controls option. This option displays a list of different types of controls and you must open the Buttons section. Inside this section, select and drag the Link button.

 

linkbutton05

 

Manage

The link button has a Manage tab where you customize the text shown.

 

linkbutton02

Design

These properties in the Design tab let you customize the button control:

 

Style

Align: Sets the text alignment to Left, Right, or Center.

 

Fonts

Font family: Sets the font family for a text element. The font by default is Poppins Regular.

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

 

Colors

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

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

 

You can return to the default values when you click the Reset button.

 

Visibility

The properties under the Visibility tab let you choose the Persona allowed to view the button. Under each Persona, you will find the list of contexts defined. You can enable all contexts or select specific contexts from the list.

 

linkbutton03

Links

The links tab lets you set navigation when clicked to:

An internal page

An external page

Start a case instance of any process in the project

 

linkbutton04

 

If you are using a button on a Detail page, the new following options are available:

Static link: Links 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: Define if the target page opens in a new tab. The default value is false.

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

oSelect link type: Set the page to which the user will be redirected in the Normal link option, or you can select an Entity in the Contextualized link option.

oOpen in new tab: Define if the page opens in a new tab. The default value is false.

Processes: Links the control to a process in the project.

oSelect a process: Define the process to be started.


Last Updated 6/5/2023 7:24:13 PM