Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

This page explains how to add a custom menu bar to your application, to provide navigation and options for the application user.

Application level

  • Default menu bar - no styling and cannot move (legacy)
  • Custom menu bar - this applies to the whole application. You can now create App Menu from the screens page.... You can have more than 1. and appear as a screen... and will always be present...

Screen-specific buttons via layout components on the screen. 

Default menu is a legacy item now...

Open a screen on startup

  • Setting the default action
  • Screen has properties "open on startup". 
  • When you create a menu bar it automatically has open on start...

...

Overview

You can add navigation or actions to individual screens by adding layout components. To add menu that appears on every screen you can:

  • Create a custom application menu bar. In the screen toolbar, select App Menu.
    • There can be several application menus.
    • An application menu is configured as a screen. It is set to Open on Startup, so is always present.
    • It can be positioned in different places on the screen.
  • Legacy method: To add an application menu in PhixFlow versions earlier than 9.0.0, set the menu property →  Default menu. In version 9.0.0 the option has moved to the appliction properties.
    • There is only one default menu.
    • You cannot customise the styling.
    • The position is fixed at the top of the screen.

Create a Custom Menu

  1. Click 
    Insert excerpt
    _app_menu_bar
    _app_menu_bar
    nopaneltrue
    to create a new screen. 
  2. In the pop-up menu, select the location for the menu bar.

  3. Select a blank menu or a template. We can set any screen to open on startup, but that is not covered anywhere in the documents. When we discuss it I recommend stating the default action can also be set.
    Menu Menu's are set to Open on Startup automatically.
  4. PhixFlow prompts you to enter the name and description for the menu bar.
  5. Specify the the dimensions of the menu bar in percentages or pixel's. For example:
    • vertical dimensions:

      • width: 100%

      • height: 50px

    • horizontal dimensions

      • width: 200px 

      • height: 100%

  6. Click Confirm.
  7. PhixFlow opens a new screen canvas on the left and the palette on the right.

...

Use the Menu properties to configure more complex menus, for example, nested menus or options that run an actionflow. This link talks about the default menu and covered nothing about editing the custom menu above?