Versions Compared

Key

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

This page explains how to open a screen or create a new one.

Image Modified

Select a Screen

  1. From the application Home window, select Design.
  2. Select one of the listed screens; remember you can change the format of the list to see more names.

Screens tabs

  • Palettes
  • Component Categories
  • Templates
  • Styles
  • Menus
  • Images



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

Table of Contents
maxLevel3
indent12px
stylenone


Create

  1. Click the Create New to create a new screen.
  2. Select a screen template. This will give you pre-set layouts such as: 
    • full screen or popup
    • basic screen layout, such as data grid or form
    • desktop or mobile
  3. PhixFlow prompts you to:
    • Enter the name and description for
    the screen and it's description, then click
    • the screen.
    • Select whether or not the screen will Opens Maximised
      When selected, the screen will open "full screen" for the application user. When not selected, PhixFlow assumes the screen will be a pop-up window. It automatically selects the following options:
      •  Always on top
      • Allow user to resize
  4. Click Confirm.
  5. PhixFlow opens a new screen canvas on the left and the palette on the right.
  6. To add components to the screen, drag them in from the palette.

Make sure the ERD and Screen incontext screen text is OK and following the same standards

Use the palette to add components; see link

Adding Components

Refer to details in other pages

  • Component concepts, and properties.
  • Component → template → palette
  • Where you can drop things - default container
  • Designing with Drag-drop page
  • Screen properties
  • Palettes and Themes
  • Styles and Formats

Adding Backing Data

You can set up data to back all or part of a screen.

  1. In the palette Data Components section, drag in one of the data icons, grid, chart, graph or card.
  2. In the popup, select the table or view that contains the data for this screen then click Confirm / OK
  3. PhixFlow adds the data component to the screen, with its properties.

  This goes into Data Views. 

  Table popup has Show View, Show Table and Show properties

Alternatively, if the table does not already exist, click Create, then enter the name and description and  click Create.

Using Layers

As you add components to the screen, they are nested so that there is an outer container (parent) with components inside (children). You can see the parent/child hierarchy in the Layers List. Click the layers tab on the left to show the layers list.  There is an example on the right.

You can

  • Select something on your screen to see it/them highlighted in the layers list.
    • Selected items outlined in blue
    • Parent item outlined in orange.
  • in the layers list, drag components around to move them on the screen.