(Example) Image Carousel Widget in Page Builder

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


Good to Know

  • This example shows how to create an image carousel that uses a series of images.
  • 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 Carousel Image Carousel icon.

    Image Carousel Widget
  3. On the New Widget - Image Carousel screen, turn on Navigation.

    New Image Carousel Widget screen
  4. Click Add Image.

    Add Image Carousel Widget
  5. In the Image Source field, click Web URL.

    Image Carousel Widget Web URL
  6. In the Image URL field, enter http://agilepoint.com/wp-content/uploads/idea-to-app.png.

    Image Carousel Widget URL
  7. Click Add Image.
  8. In the Image Source field, click Web URL.

    Image Carousel Widget Web URL
  9. In the Image URL field, enter http://agilepoint.com/wp-content/uploads/nnn.png.

    Image Carousel Widget URL field
  10. Click Add.

    The Page Builder shows the Image Carousel widget with images.

    Image Carousel Widget Custom Page
  11. Click Save.

    Save Image Carousel Widget
  12. Publish a custom page.

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

    The Image Carousel widget shows on the published page. When it shows on the page, it shows the images in rotation.

    Published Page