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

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:
One line of text (a string).

Format:

  • URL
Default Value:
None
Example:

Remove

Function:
Deletes the URL in stack orientation.

Add

Function:
Adds the widget to the custom page.