(Example) Profile Card Widget in Page Builder

This example shows how to add a Profile Card widget on a custom page.

Video: Page Builder Overview

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 profile card that uses the AgilePoint CEO profile as the use case.
  • 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 Card tab.

    Card Tab
  2. On the Card tab, click Profile Card Profile Card icon.

    Profile Card Widget
  3. On the New Widget - Profile Card screen, in the Image Source field, click Web URL.

    New Profile Card Widget Web URL
  4. In the Profile Image URL field, enter https://www.agilepoint.com/images/AgilePoint-ceo.png.

    New Profile Card Widget screen
  5. In the Footer Action Link URL field, enter http://agilepoint.com/agilepoint-ceo-jesse-shiah-address-internet-things-west-audience/.

    Profile Card Widget Link URL
  6. In the Footer Action Link Text field, enter READ MORE.

    Profile Card Widget Link Text
  7. Click Add.

    The Page Builder shows the Profile Card widget with the profile image.


    Profile Card Widget Custom Page
  8. On the Profile Card widget, enter the value for the fields Profile Title, Profile Sub Title, and Profile Content.

    Profile Card Widget Value
  9. Click Save.

    Save Profile Card Widget
  10. Publish a custom page.

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

    The Profile Card widget shows on the published page.


    Published Page