(Example) Metro Card Widget in Page Builder

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


  • (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.


Good to Know

  • This example shows how to create a metro card that uses an AgilePoint image 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

  3. Click Add Widget.


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

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

  3. On the New Widget - Metro Card screen, in the Background Image URL field, enter https://agilepoint.com/future-proof.png.

  4. Click Add.

    The Page Builder shows the Metro Card widget with your image.

  5. On the Metro Card widget, in the Card Title field, enter the title for the metro card.

  6. Click Save.

  7. Publish the custom page.

    The Metro Card widget shows on the published page.