Link
Last updated
Last updated
Available under the 'Basic' category, the Link
element is text editable and creates a clickable hyperlink.
The Options tab settings for this element are described below:
HRef
Sets the destination URL for the hyperlink. The URL can be external to other websites or internal to other pages of your app.
Using Page Flow, you can define custom actions instead of just navigating to the URL.
Target
Choose whether you want to open the URL in a new tab/page or in the same page.
Link Action
This is an advanced parameter that translates to the Bootstrap data-toggle
attribute. The Popup Menu Style1, Popup Menu Style2 and Menubar Popup Menu elements use this by setting the value to dropdown
. You can also use this to control a Collapsible Area element by setting the value to collapse
.
Action Target
This is an advanced parameter that translates to the Bootstrap data-target
attribute. The value is set to the Element ID of the element to be controlled. To find the Element ID see here.
The Element ID needs to be prefixed with a # character. This is also known as ID selector syntax. For more information click here.
Popup Menu Icon
Enable this if you want a 🔽arrow to appear next to the link to indicate that it will invoke a popup menu. The Popup Menu Style1, Popup Menu Style2 and Menubar Popup Menu elements turn this setting on.
Type
Select Button to turn this link into a button.
Button Look
Only applies if the Type
is set to Button. Select from a pre-defined list of background and text colors for the button look. For any other customizations see here.
Button Size
Only applies if the Type
is set to Button. Select from a pre-defined list of sizes. For any other customizations see here.
Dynamic Content
NOTE: This setting only appears for Link elements inside a Data Design element.
When this setting is ON, it enables you to set the name of the placeholder field (see Field Name
setting below) with which the value of the HRef
setting will be dynamically provided using Page Flow.
Field Name
NOTE: This setting only appears for Link elements inside a Data Design element.
When the Dynamic Content setting is ON, this setting contains the name of the placeholder field with which the value of the HRef
setting will be dynamically provided using Page Flow.
For a general information about hyperlinks see: