(Example) Video Card Widget in Page Builder

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

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 video card that shows a YouTube video.
  • 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


  3. Click Add Widget.


Procedure

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


  2. On the Card tab, click Video Card Video Card icon.


  3. On the New Widget - Video Card screen, in the Video File URL field, enter https://video.agilepoint.com/embed.php?v=6.


  4. In the Thumbnail URL field, enter https://www.agilepoint.com/thumbnailimages/AgilePoint.png.


  5. Click Add.

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



  6. On the Video Card widget, enter the value for the fields Card Title, Card Sub Title, and Card description.


  7. Click Save.


  8. Publish the custom page.

    The Video Card widget shows on the published page.