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 Version History

« Previous Version 56 Next »

Open an Existing Screen

  1. Load your application.
  2. To open a screen:
    • either, in the header bar, click screen Screen and click a screen from the list
    • or in the repository, expand your application's Screens section and double-click a screen name.
  3. PhixFlow opens the locked screen in the canvas.
  4. To unlock the screen for editing, right-click anywhere on the screen to open the popup menu and select 
    Error rendering macro 'excerpt-include' : No link could be created for '_layout_unlock'.
    .
  5. PhixFlow displays the toolbar for the screen indicating it is ready to edit.
  6. Click  Palette to display the palette on the right and you can begin editing the screen.


Add a New Screen

  1. Click the Screen menu from the top menu screen Screen or in the repository, expand your application's Screens section.
  2. Click  Add New, PhixFlow opens the screen creation wizard.
  3. Enter a Name for the screen.
  4. Tick to specify if the screen should open maximised or not.
    1. These can be changed at a later time by accessing the screen's properties from the toolbar. Here are some example setups: 
      1. Popup screen for data entry: 
        1. tick Always on top
        2. tick Allow user to resize
        3. Set Position to Floating and if desired set the other positional settings such as the size and location of the screen. 
      2. Full-screen properties for displaying tables of data
        1. tick Open Maximised
        2. untick Always On Top
        3. if you intend to make your own navigation or screen controls, untick Show Window Button Bar.
        4. optionally, untick Allow user to resize
  5. Click on the template the screen should be based on.
  6. PhixFlow opens a new, unlocked, Screen with the palette opened.

Unlocking and locking a Screen for Editing

Locking a screen will makes it interactive, and therefore uneditable, while it remains locked it displays the screen content as the end user will experience it. For example clicking a button will trigger its action, and components such as a URL component will display their content.

Unlocking a screen will make it editable again and allow you to update the layout, clicking a button now will open its properties editor.

To Unlock the canvas, right-click on the canvas and select

Error rendering macro 'excerpt-include' : No link could be created for '_layout_unlock'.

To Lock the canvas, from the screen toolbar click on 

Error rendering macro 'excerpt-include' : No link could be created for '_layout_lock'.
.

Design Mode and Application Mode

When creating and editing applications we work in Design Mode. This provides you access to all the tools and options necessary to create powerful applications. To experience your application as the end user will, we switch to App Mode.

The option to toggle between modes is available in the top right corner of PhixFlow,  Design Mode and  Application Mode.


Testing Screens

To test an application screen, click  Application Mode to interact with the screen as if you are an application user.

  • No labels