Adding a Navigation Menu Bar
Overview
PhixFlow allows you to create navigation menus that always appear. This allows for a single menu to be set up that can be accessed from any point in your application. It is also possible to set up a menu that only displays when called. Template navigation menus are provided with the Serene Grey Template Pakage.
Create a Custom Menu
- From the Screens home page click Create Menu.
- Complete the details:
- Name, indicative of the menu being created.
- Add to startup action, leave ticked if you want the menu to open with the application.
- Position, Where you would like the menu to appear. Defaults to
Pinned to Top
. - Height/Width, If using Pinned to Top the Serene Navigation menu is designed to be 50px.
- Description, for example,
Main navigation menu for application
. - Template section, scroll through the templates and click on the desired navigation menu.
- Click Create Application Menu. Give this time to generate the menu.
Adding Navigation Menu Buttons
- Open your navigation menu and ensure it is unlocked.
- Drag, Palette → Buttons - Navigation → Button Custom onto the Navigation Menu.
- From the Screens context toolbar click Screen
- A list of available screens will open on the right.
- Drag the screen you wish to open onto the button.
- Provide a name for the button and continue.
- PhixFlow automatically creates an actionflow that will open this screen.
- To edit the actionflow, right-click the button and select Display Actionflow; see Understanding Actionflows.
- This process is illustrated here:
Updating the Navigation Button Icon
- Click on the button to open its properties.
- Click the Style tab
- Scroll down to Image
- Tick the box to override the style.
- allows you to add a new image.
- Follow the prompts to add a new image.
- List Images allows you to select an existing image.
- A list of available images appears, drag the desired image into the input box.
- Save your changes.