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 2 Next »

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

Overview

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.






Sections on this page





  1. Click 
    _app_menu_bar
     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.
  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 pixcels. 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.

By default your application menu will appear on all your application screens. For this reason the application menu is it's own screen, rather than an area that belongs to a screen.

??How do you tell PhixFlow which screens to add it to??




Select a Blank or template menu

PhixFlow adds the menu and shows the layers panel.


Create a menu option to add a screen

Click into a menu to edit it.

PhixFlow opens the screen's list on the right.

To add a top-level option to open a screen, drag the screen onto the menu.

Under-the-hood: Phixflow creates and actionflow. When a user clicks the option, the screen opens automatically.

Can you change the text for the menu option

What about second-level options


Important: A menu is not an area on a screen. Under-the-hood, it is another screen

Benefits:

Restrictions

  • No labels