11. Menus and Navigation

Create a top-level navigation menu and in-window navigation. To recap the steps in the video:

Create In-window Navigation

1. Open the Businesses dashboard.
2. Open the Contact Details Tab.
3. Drag the ContactManager dashboard onto the header of the grid view Business Contacts. A button will appear.

Go into App Mode to test the new button. It will open the Contact Manager dashboard.

Create a Top-level Menu

Now we'll create a top-level menu for the application.

1. Open the configuration form for the application ContactManager.
2. Go to the section Menus, and add a new menu. Usually you only need one top-level menu but you can define several if you need them.
   1. Set the Name of the menu to Default.
   2. Click Add a new sub-menu. This will appear in the header of the PhixFlow application. Set:
      • Name: Contacts Manager
      • Display Name:  Manage
   3. Save your changes.
3. Add Menu Items to open the ContactManager dashboard and set:
   1. Action: ContactManager

Create the Action

1. Before adding a menu item to open the Businesses dashboard, you need to create an action.
2. Open the stream configuration form for Businesses.
3. Add a new action and set:
   1. Name: Open Businesses only
This is an internal name. Aim to make the name as descriptive as possible, to keep your configuration well organised.
   2. Display Name: Businesses
      This is the name that will appear in the menu.
   3. Action Completion:
      • Tick Open Post Dashboard, then Save.
      • Set the Dashboard to Businesses.
      • Leave the Expression blank. This means that every time the action is run, PhixFlow will open this dashboard.

Create the Menu Item

1. Open the menu configuration again and add a menu item to open the Businesses dashboard. Set:
   1. Name: Businesses
   2. Action: Open Businesses Only
2. Apply all changes.

Switch to App Mode. Load your application by going to the PhixFlow icon in the top left corner of the application. Click the icon to list all available applications and select Contact Manager.
You will see your new menu. Check this works by going to each menu item and checking that the correct dashboard opens.

Application URLs

You, or the application users, can navigate directly to the application using a URL.You can either copy the URL from the browser address bar to share with users of the application, or you can construct the URL yourself.

The URL format is:

In this example, the constructed URL is something like:

The direction to the default top-level menu at the end of the URL is optional.

Default Actions

Set the default action on the top-level menu. The default action will run when the application is started. For this example, we will use the default action to open the Businesses dashboard when the application starts.

1. Open the top-level menu.
2. Set the Default Action to be Open Businesses Only.
3. Save your changes.

Refresh the browser page to restart the application. You will see that the Businesses dashboard opens straight away.