(Example) Image Carousel Widget in Page Builder

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

• You must have page owner or page designer permission.

  For more information, refer to Page Builder Security Overview.

• AgilePoint NX OnDemand (public cloud), or AgilePoint NX PrivateCloud or AgilePoint NX OnPremises v7.0 or higher.

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:
   • Create a Custom Page.
   • Change a Custom Page.
2. On the Custom Page Design screen, click Add Row

   
   
   

3. Click Add Widget.

   
   
   

Procedure

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

   
   
   

2. On the Media tab, click Image Carousel .

   
   
   

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

   
   
   

4. Click Add Image.

   
   
   

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

   
   
   

6. Click Add Image.
7. In the Image URL field, enter http://agilepoint.com/wp-content/uploads/nnn.png.

   
   
   

8. Click Add.

   The Page Builder shows the Image Carousel widget with images.

   
   
   

9. Click Save.

   
   
   

10. Publish the custom page.

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