Page in draft: this should be the concept page for screen layouts
Overview
lay out application screen using themes, palettes and components; seeThis page explains how to open a screen or create a new one.
Select a Screen
- From the application Home window, select Design.
- 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
Select a Screen
- From the application Home window, select Design.
- Either select one of the listed screens; Remember you can change the view from card to list.
Screens tabs
Create
- Click the Create New to create a new screen.
- 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
- Enter the name for the screen and it's description, then click Confirm.
- PhixFlow opens a new screen canvas on the left and the palette on the right.
- 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.
- In the palette Data Components section, drag in one of the data icons, grid, chart, graph or card.
- In the popup,
- select the table or view that contains the data for this screen then click Confirm / OK
- 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.
| borderColor | #00374F |
|---|---|
| titleColor | white |
| titleBGColor | #00374F |
| borderStyle | solid |
| title | Other pages in this topic |
Screen options - Windows control
How do you select Full screen or popup
Layers iconUsing Layers
As you add components to the screen, some are nested. Parents and childrenthey are nested so that there is an outer container (parent) with components inside (children). You can see this the parent/child hierarchy in the layers panel on the left 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
Links
- layers list, drag components around to move them on the screen.