Link component icon Link

The Link component allows you to navigate to any URL, internal or external.

Appearance

Design Rendered
Link component rendered
Link component design

Attributes

Group Name Description

General

ID

This is a unique id for the component.

Description

The description attribute additionally adds a description to the component.

Ignored

If true the component is hidden and the value is not part of the payload.

Visible

Boolean value or expression specifies whether the component is visible or hidden. This expression might include another value in the same form, for instance, use a checkbox bound to {{showAdditionalFields}} and use the very same expression as the visible attribute to show or hide the component according to the checked state of the checkbox. If you want only to show the component, if the form is not used as the init-form, you can use the expression {{root.id}} which evaluates to true only, if there is a current id which is not the id in a start form.

Enabled

A Boolean value or expression specifies whether component is enabled or disabled.

Details

Link text

The text rendered as the link. You can also use expressions (for example, 'click here to navigate to {{foo}}').

Navigation URL

Specify the URL to navigate to, might be an absolute value (for example, 'http://www.flowable.com') or a relative URL. The link might also contain expressions (e.g., '#/work/all/process/{{myProcessId}}'). The URL to be defined should not be encoded as it is encoded automatically.

Context variables

Parameters to add to the URL.

Common link

Target

The target for the button link, use '_blank' to open the link in a new window or '_self' to stay in the same window.

Documentation

Documentation

Documentation intended to explain concepts of its use for future reference.

Customization

Style class

Stylesheet class name. Add any style classes to be applied to the component for the desired styling and rendering.