Stacked Hyperlink Widget screen

Shows hyperlinks in stack orientation on a custom page.

Figure: Stacked Hyperlink Widget screen

Stacked Hyperlink Widget screen

Video: Advanced Page Builder Features

Examples

Prerequisites

How to Start

  1. Click Build Pages Build Pages icon.
  2. On the Pages screen, do one of these:
    • Create a Custom Page.
      1. Click Add Row.
    • Open a custom page
      1. Click the bottom horizontal line of the row or right side vertical line of the row or column.
      2. Click Add Add icon.
  3. Click Add Widget.
  4. On the Pick a Widget screen, on the Content tab, click Stacked Hyperlink.

Fields

Field Name Definition

Stack Orientation
Function:
Specifies the direction to show URLs in stack orientation.
Accepted Values:
  • Horizontal - Shows URLs from left to right.
  • Vertical - Shows URLs from top to bottom.
Default Value:
Horizontal
Example:
Refer to:

Font Color
Function:
Specifies the color for the URL text.
Accepted Values:
A color value using a hex code, RGB code, or RGBA code.

You can enter a color code, or select a color from the palette.

Default Value:
000000
Example:
  • #ff0000
  • #183048
  • #e16229
  • rgb(25,151,66)
  • rgba(87,177,201,2)

Space Between Links (px)
Function:
Specifies the width in pixels for the space between URLs.
Accepted Values:
A positive integer.
Default Value:
10

Link Text
Function:
Specifies the text for the URL to show in the stack orientation.
To Open this Field:
  1. On the Stacked Hyperlink screen, click Add Hyperlink field.
Accepted Values:
One line of text that can have spaces.
Default Value:
None
Example:
Refer to:

URL
Function:
Specifies the URL to show in the stack orientation.
To Open this Field:
  1. On the Stacked Hyperlink screen, click Add Hyperlink field.
Accepted Values:
A string in URL format.
Default Value:
None
Example:

Remove
Function:
Deletes the URL in stack orientation.

Add
Function:
Adds the widget to your custom page.