Step 1 – Create Navigation Update Page

1. Click on Presentation and then Pages.
2. Click New Page
3. From Categories, select General and from Templates select Blank; name the page Navigation Update; click Save.
4. On save you will be redirected to the detail page of the Navigation Update page
   
   1. Click on the Paramters tab and click Add
   2. Set name to Id, Type to Integer, and Required to Yes
5. Click on the General tab and launch the Page Builder by clicking on Page Builder
6. In the Page Builder, find the DOM tab and click on PageManager
   
   1. Click on Settings
   2. Click on the Resources tab and click Add
   3. Set Name to NavLib, type to Ready and Uri to res://tenant/versions/Examples/Examples_1.0_1/SimpleNavigationLib_50.js
   4. Click Save and click Save again in the Configuration window
      
    
7. In Data Sources click the Add button and add a Unified Store
8. 
9. Call it storeUpdate
   
   1. Click on Settings
   2. Set the Data Source to Client
   3. Check the Detail and Modify checkboxes
   4. In the Detail tab click Properties
      
      1. To Before Load add: showMyLoadingMask('Loading...');
      2. To Load add: hideMyLoadingMask();
      3. Check Auto Load
      4. 
      5. Click Save
      6. Find the Id attribute and set its Value to Id
      7. 
   5. In the Modify tab click Properties
   6. Into Successadd: 

      EcxPageNav.Util.executeParentCallback();
      EcxPageNav.Util.closeMe();

   7. 
   8. Click Save
   9. Find the Id attribute and set its Value to Id
   10. 
10. Click Save in the Configuration window
11. Arrange the controls on this page in the same manner as on Navigation New: 2. Navigation New
12. Make sure pnMain is selected and click on TopBar
    
    1. Add a button called Save with Icon Disk
    2. Set the listener to Save and Fn to PageManager.ruleAction_execute_storeUpdate_Modify
13. Click on Save Page at the top left of the screen, and click Ok to the Page Was Saved notification