(Example) Embed Card Widget in Page Builder

This example shows how to add an Embed Card 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 an embed card that shows a YouTube video with the video embed URL.
  • 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 Embed Card Embed Card icon.

    Embed Card Widget
  3. On the New Widget - Embed Card screen, in the Content Embed URL field, enter https://www.youtube.com/embed/I4gZxF4LeLA.

    New Embed Card Widget screen
  4. Click Add.

    The Page Builder shows the Embed Card widget on the custom page.


    Embed Card Widget Custom Page
  5. On the Embed Card widget, enter the value for the fields Card Title, Card Sub Title, and Card description.

    Embed Card Widget Value
  6. Click Save.

    Save Embed Card Widget
  7. Publish the custom page.

    The Embed Card widget shows on the published page.


    Publisged Page