(Example) Image Widget in Page Builder

This example shows how to add an Image 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.


Good to Know

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


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

    Media Tab
  2. On the Media tab, click Image Image icon.

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

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

    New Image Widget screen
  5. Disable the Maintain Aspect Ratio field.

    Image Widget Aspect Ratio field
  6. In the Image Height field, enter 150.

    Image Widget Height field
  7. In the Image Width field, enter 150.

    Image Widget Width field
  8. Click Add.

    The Page Builder shows the Image widget with your image.

    Image Widget Custom Page
  9. Click Save.

    Save Image Widget
  10. Publish a custom page.

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

    The Image widget shows on the published page.

    Published Page