(Example) Custom Menu in Page Builder

Other Examples

• (Example) Custom Page in Page Builder
• (Example) Horizontal Menu Widget 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 a custom menu that uses an example from AgilePoint NX as the use case.
• This is a simple example. It is not intended as a real-world use case.

How to Start

1. Click Build Pages .

   
   
   

2. Click Library .

   
   
   

3. On the Library screen, do one of these:
   • In the left pane, click Menu > Ellipses (...) > Add Menu .
   • In the left pane, click Menu.
     • In the right pane, click Add Menu .

1. On the Add New Menu, in the Display Name field, enter AgilePoint.

   
   
   

2. Click Add.

   The AgilePoint menu is added to the Menu library.

   
   
   

1. Click Edit .

   
   
   

2. Click Add Menu Item .

   
   
   

3. On the Add Menu Item screen, enter Products.

   When you click the Internal Name field, this field completes by default based on the value you enter in Display Text field. You can also specify your own internal name. After the internal name is created, you can not change it.

   
   
   

4. In the URL field, enter https://agilepoint.com/products/.

   
   
   

5. Click Save and New.

   
   
   

   The menu item Products is added to the AgilePoint menu and Add Menu Item screen opens to add a new menu item.

   
   
   

6. On the Add Menu Item screen, enter Pricing.

   
   
   

7. In the URL field, enter https://agilepoint.com/pricing/.

   
   
   

8. Click Add.

   The menu item Pricing is added to the AgilePoint menu.

   
   
   

9. Click Commit .

   
   
   

This example shows how to add a Horizontal Menu widget on a custom page.

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 Layout tab.

   
   
   

2. On the Layout tab, click Horizontal Menu .

   
   
   

3. On the New Widget - Horizontal Menu screen, in the Menu list, select AgilePoint.

   
   
   

4. Click Add.

   The Page Builder shows a Horizontal Menu widget on the custom page.

   
   
   

5. Click Save.

   
   
   

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

   
   
   

2. Click Publish.

   
   
   

3. On the Publish screen, click Publish.

   
   
   

   The Page Builder shows the published custom page screen.

   
   
   

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

   
   
   

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

   
   
   

   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.