Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 5 Next »

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

It is common for an application to have a menu bar to provide navigation and additional options for the application user. In traditional designs, the menu bar would be across the top of the screen. Do we need this last sentence?

  1. Click  Add menu bar 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'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.

Associating the Menu with Screens

PhixFlow creates an application menu as its own screen. This means you can associate the menu with all the screens in your application.

??How do you tell PhixFlow which screens to add it to?? This is answered below, but I am not sure what value this section adds. Am I missing something? 

Adding Menu Options

To add a top-level menu option that will open a screen:

  1. Open the repository to show the list of screens.
  2. Drag a screen-name from the repository onto the menu bar.
  3. PhixFlow prompts you to add the Display Name text you want to appear in the menu. By default, the text is the screen's name.
  4. PhixFlow adds the menu option and automatically creates the actionflow.
    When a user clicks the option, the screen opens automatically.

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?

  • No labels