(Example) Custom Page in Page Builder

This example shows how to create a basic custom page with AgilePoint NX Page Builder.

Video: Page Builder Overview

Examples

Prerequisites

Good to Know

  • This example shows the basic steps to create, publish, and view a simple, "hello world" type of custom page. It is not intended as a real-world use case.

How to Start

  1. Click Build Pages Build Pages icon.

    Build Pages

Step 1: Create a Custom Page

  1. On the Home screen, click Add Page.


  2. On the Add New Page screen, in the Title field, enter My First Custom Page.

    When you click Internal Name and Relative URL fields, these fields complete by default based on the value you enter in Title field.



  3. Click Save.

    Creates a new custom page, My First Custom Page



Step 2: Add a Content Container

  1. On the Custom Page Design screen, click Add Row


Step 3: Add a Widget

  1. On the Custom Page Design screen, click Add Widget.


  2. On the Pick A Widget screen, click the Content tab.


  3. On the Content tab, click Rich Text.


  4. On the New Widget - Rich Text screen, click Add.


    The Page Builder shows the Rich Text widget on the custom page.



Step 4: Configure Your Widget

  1. In the text box, enter Hello World!


  2. Click Save.


Step 5: Publish the Custom Page

  1. On the Custom Page Design screen, click Check In Check In icon.


  2. Click Publish.


  3. On the Publish screen, click Publish.


    The Page Builder shows the published custom page screen.



Step 6: View the Published Page

  1. On the right side of a page, click Ellipses (...) > Publish History Publish History icon


  2. On the Publish History screen, click Ellipses (…) > View View icon


    Your custom page opens in a new browser tab.

    This view gives the production URL for the page. You can copy this URL to use in other locations, such as menus or links on other web sites.