Stacked Hyperlink Widget screen

Shows hyperlinks in stack orientation on a custom page.

Figure: Stacked Hyperlink Widget screen

Stacked Hyperlink Widget screen

Examples

Prerequisites

How to Start

  1. Open the Custom Page Design screen.

    For information about how to open this screen, refer to Custom Page Design screen.


    Open Custom Page
  2. Click Add Widget.

    Custom Page Design screen
  3. On the Pick A Widget screen, on the Content tab, click Stacked Hyperlink.

    Click Stacked Hyperlink Widget

Fields

Field NameDefinition

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

Font Color
Description:
Specifies the color for the URL text.
Allowed 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)
Description:
Specifies the width in pixels for the space between URLs.
Allowed Values:
An integer.

Range

  • Greater than 0
Default Value:
10

Link Text
Description:
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.
Allowed Values:
One line of text (a string).

Accepted:

  • Letters
  • Numbers
  • Spaces
Default Value:
None
Example:
Refer to:

URL
Description:
Specifies the URL to show in the stack orientation.
To Open this Field:
  1. On the Stacked Hyperlink screen, click Add Hyperlink field.
Allowed Values:
One line of text (a string).

Format:

  • URL
Default Value:
None
Example:

Remove
Description:
Deletes the URL in stack orientation.

Add
Description:
Adds the widget to the custom page.