Versions Compared

Key

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

Insert excerpt
_Banners
_Banners
namescreen
nopaneltrue

Auto Create Actions

Simple Actionflows

Introduction

PhixFlow makes it easy to setup menus and navigation buttons. In this chapter we will look at creating a simple top menu that we can add navigation buttons to.

Menu

Menus are created in the same way as a screen, as they are essential the same as a screen. We just set some of their properties a little differently.

  1. From the 
    Insert excerpt
    _screen_toolbar
    _screen_toolbar
    nopaneltrue
    home page create a new Screen.
    1. Name, Main Menu.
    2. Open Maximised, untick.
    3. DescriptionApplication main menu.
    4. Template, Top Menu.
  2. When the screen opens, click the 
    Insert excerpt
    _property_settings
    _property_settings
    nopaneltrue
     button in the toolbar.
  3. Click the Styles tab.
    1. Position, Pinned to Top.
    2. Height, 50px.
    3. Insert excerpt
      _save
      _save
      nopaneltrue
       your changes.
  4. Close and reopen the screen for the changes to be shown.
  5. Home Button
    1. From the screens toolbar click 
      Insert excerpt
      _screen
      _screen
      nopaneltrue
      .
    2. From the list that opens, drag the Home screen onto the Home button.
  6. Companies Button
    1. Click on the label containing Screen Name.
    2. Change the Display Text to be, Companies.
    3. From the screens toolbar click 
      Insert excerpt
      _screen
      _screen
      nopaneltrue
      .
    4. From the list that opens, drag the Companies List onto this button.
  7. Orders Button
    1. We need to add a new button that will allow us to access the orders.
    2. From the Palette, Navigation Menus section, drag a Button - Custom.
      1. Name, Order.
      2. Use the Layer section to place the button to the right of the Screen button.
    3. From the screens toolbar click 
      Insert excerpt
      _screen
      _screen
      nopaneltrue
      .
    4. From the list that opens, drag the Invoicing screen onto this button.