(Example) Image Widget in Page Builder

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

• You must be a member of the Page Owners or Page Designers permission group.

  For more information, refer to Page Builder Permissions Overview.

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

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:
   • Create a custom page.

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

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

   
   
   

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

   
   
   

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

   
   
   

5. Disable the Maintain Aspect Ratio field.

   
   
   

6. In the Image Height field, enter 150.

   
   
   

7. In the Image Width field, enter 150.

   
   
   

8. Click Add.

   The Page Builder shows the Image widget with your image.

   
   
   

9. Click Save.

   
   
   

10. Publish a custom page.

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

    The Image widget shows on the published page.