Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Reverted from v. 7

Insert excerpt
_Banners
_Banners
namescreen
nopaneltrue

Overview

Actionflows are used to create interactions on a screen, however we can have PhixFlow automatically create one for us using a shortcut.

Setup

  • Open the screen where you want to place the button that will open the desired screen.
    1. Ensure it is unlocked.
  • In the repository navigate to the screen

    This page is for application designers who want to add a button that opens a different screen.

    When using your application, the application user needs to be able to navigate to different screens. You can provide navigation to different screens using:

    • menus; see Adding a Navigation Menu Bar.
    • buttons that open a different screen. In this case you must configure an actionflow for the button. 

    PhixFlow provides an easy way to wire a button to an actionflow that opens a screen.

    1. Open the screen on which you want to add the button.
    2. Right-click and 
      Insert excerpt
      _unlock
      _unlock
      nopaneltrue
      the screen.
    3. In the repository, find the screen that you want the button to open. Drag the screen from the repository onto the desired location on the open screen.
      1. See Moving Items on a Screen if you wish to move the button.
      A button and actionflow will be automatically created on the screen that will open the second screen.
    4. The button gets its styling from Application Properties →  Styles Tab → Default Components Section → Table Action Component.
    5. To edit the actionflow see Wiring Actionflowscanvas. and drop it where you want the button to be.
    6. PhixFlow adds a button to the screen canvas.
      The button design is from the default component, which is set in the application properties → Styles tab → Default Components section→ Table Action Component.
    7. PhixFlow also creates an actionflow to open the second screen and wires it to the button.
    8. To test the button lock your , either
      Insert excerpt
      _lock
      _lock
      nopaneltrue
      the screen or switch to application mode, and click the button
      Insert excerpt
      _app_mode
      _app_mode
      nopaneltrue
      . Click the button to check that it opens the required screen.

    Learn More