(Example) Audio Card Widget in Page Builder

This example shows how to add an Audio 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 an audio card widget that uses a basic audio file 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 Audio Card Audio Card icon.

    Audio Card Widget
  3. On the New Widget - Audio Card screen, in the Audio URL field, enter https://agilepoint.com/intro-to-agilepointnx.mp3.

    New Audio Card Widget screen
  4. In the Image Source field, click Web URL.

    Audio Card Widget Web URL
  5. In the Thumbnail URL field, enter https://agilepoint.com/thumbnailimages/vi/0.jpg.

    Audio Card Widget Thumbnail URL
  6. Click Add.

    The Page Builder shows an Audio Card widget on the custom page.


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

    Audio Card Widget Enter Value
  8. Click Save.

    Save Audio Card Widget
  9. Publish a custom page.

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

    The Audio Card widget shows on the published page.


    Published Audio Card Widget Page