Versions Compared
Version | Old Version 30 | New Version 31 |
---|---|---|
Changes made by | ||
Saved on |
Key
- This line was added.
- This line was removed.
- Formatting was changed.
Page in draft: this should be the concept page for screen layouts
Overview
- lay out application screen using themes, palettes and components; see
Panel | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
|
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
- Palettes
- Component Categories
- Templates
- Styles
- Menus
- Images
Create
- Click 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
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, Sselect 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 intow 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.
Screen options - Windows control
How do you select Full screen or popup
Layers icon
As you add components to the screen, some are nested. Parents and children. You can see this in the layers panel on the left. Click the layers tab on the left to show the layers list.
For example on the right.
Select something on your screen to see it/them highlighted in the layers list.
Selected items outlined in blue
Parent item outlined in orange.
On the screen, the parent, container component is also highlighted.
Links
Panel | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
|