(Example) Stacked Hyperlink Widget in Page Builder

This example shows how to add a Stacked Hyperlink widget on a custom page.

Other Examples

  • (Example) Custom Page in Page Builder
  • Examples - Step-by-step use case examples, information about what types of examples are provided in the AgilePoint NX Product Documentation, and other resources where you can find more examples.

Prerequisites

Good to Know

  • This example shows how to create a stacked hyperlink that uses AgilePoint Knowledge Base Portal and AgilePoint video Portal as the target.
  • This is a simple example. It is not intended as a real-world use case.

How to Start

  1. Do one of these:
  2. On the Custom Page Design screen, click Add Row.

    Custom Page screen
  3. Click Add Widget.

    Custom Page Design screen

Procedure

  1. On the Pick A Widget screen, click the Content tab.

    Pick A Widget screen
  2. On the Content tab, click Stacked Hyperlink.

    Stacked Hyperlink Widget
  3. On the New Widget - Stacked Hyperlink screen, in the Stack Orientation field, select Vertical.

    New Stacked Hyperlink Widget screen
  4. Click Add Hyperlink.

    Add Stacked Hyperlink
  5. In the Link Text field, enter AgilePoint Knowledge Base.

    Stacked Hyperlink Widget Link Text
  6. In the URL field, enter https://helpdesk.agilepoint.com/hc/en-us/categories/115000232994-Knowledge-Base.

    Stacked Hyperlink Widget URL
  7. Click Add Hyperlink.

    Add Hyperlink URL
  8. In the Link Text field, enter AgilePoint Videos.

    Add Stacked Hyperlink Text
  9. In the URL field, enter https://video.agilepoint.com/.

    Add Stacked Hyperlink URL
  10. Click Add.

    The Page Builder shows a Stacked Hyperlink widget on the custom page.


    Stacked Hyperlink Widget Custom Page
  11. Click Save.

    Save Stacked Hyperlink Widget
  12. Publish a custom page.

    For more information, refer to (Example) Custom Page in Page Builder.

    The Stacked Hyperlink widget shows on the published page.


    Published Page