Versions Compared

Key

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

This page explains

the concepts and

how to

display data on all or part of a screen.

Overview

When you create a screen there are many different parts to consider. PhixFlow makes it easy for you to add

Application Menu

Often you want your application to have menu options . 

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

Benefits:

Restrictions

How to add the menu to multiple screens (or is it there automatically bacuase its configured in the Applicaitons Menu and how does it relate to the defautl menu??)

Toolbar App menu  icon 

Select where you want it: Top, Left, bottom, Right

. Default widths and heights for each:

Top and bottom:
w: 100% h: 50px

Left and right:
w: 200px h: 100%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.







Panel
borderColor#00374F
titleColorwhite
titleBGColor#00374F
borderStylesolid
titleSections on this page

Table of Contents
maxLevel3
indent12px
stylenone


Table of ContentsmaxLevel3indent12pxstylenone





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

    Image Added
  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

Panel
borderColor#00374F
titleColorwhite
titleBGColor#00374F
borderStylesolid
titleSections on this page


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

Benefits:

Restrictions