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

    Build Pages screen
  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.


    Add New Page screen
  3. Click Save.

    Creates a new custom page, My First Custom Page


    Custom Page screen

Step 2: Add a Content Container

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

    Custom Page screen

Step 3: Add a Widget

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

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

    Pick A Widget screen
  3. On the Content tab, click Rich Text.

    Pick A Widget Content tab
  4. On the New Widget - Rich Text screen, click Add.

    New Rich Text screen

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


    Rich Text Widget

Step 4: Configure Your Widget

  1. In the text box, enter Hello World!

    Custom Page Designer screen
  2. Click Save.

    Rich Text widget

Step 5: Publish the Custom Page

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

    Custom Page Design screen
  2. Click Publish.

    Publish Custom Page screen
  3. On the Publish screen, click Publish.

    Publish screen

    The Page Builder shows the published custom page screen.


    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

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

    Publish History screen

    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.


    Custom Page screen