...
- Screen, repository, palette, components
- point to themes and palettes
- Types of component and what they look like
- forms
- grids
- etc
- Data backed components - link out
- Parent child and preferred parent
- Dragging components
- Responsive design - point to theme 2 pages (can these be generalised)
- Changing theme design - styles and shared styles.
- components being nested
- grouping componetns - composite...
This page is for application designers. It explains the basic principles for how to add components from the palette as well as features to help you.
...
Dragging Components - Please review
Moving things on a screen
Drag, Shift Drag an using the repository layout list
Dragging into a Screen
To add a component to a screen, you can drag components as follows:
From |
---|
Item | Drag on to | Creates | Pinned/Unpinned |
---|---|---|---|
Palette |
a |
component |
anywhere on a screen |
| Pinned |
repository Layouts or Layout Templates | a component | anywhere on a screen | Pinned |
repository → Table → Attribute a pop-up list of attributes | an attribute |
an area | An input field and label | Pinned |
view component header
??is that a data backedrepository → Tables table properties top left icon= | a table | an area | todo - link to process for this select and drag onto fiew Select a component (grid, graph, chart or form) and view options data-backed component | x |
table - todo - this appears to no longer happen | anywhere on a screen | A card view | Unpinned | |
repository → Table → View a pop-up list of views | a view | area or component that displays data | todo - link to process for this data-backed component | Unpinned todo - check, showing as pinned |
repository → Action | free-action | area or form | A button to run the action | Unpinned todo - check, showing as pinned |
repository → Action | free-action | the header of a data view component | A button in the banner to run the action |
todo - I may not have an approprite action but I cannot drag this onto a grid header | - |
repository → Screen | another screen |
view component header
??is thatthe header of a data |
view component | A button to open the |
dropped screen | - |
todo - Attempting to drag a pinned component: at the moment this is copying BUT I cannot seem to unpin.
When you drag an unpinned component onto a formto a different place on the screen, it will be automatically assigned to the parent you drop it into (for example, an area), and it will be dropped in the position that you drop it. So if you drop it in the middle of a set of fields inside an area, the fields underneath will be shuffled down to make space for it.
Panel | ||||||
---|---|---|---|---|---|---|
| ||||||
When you drag objects onto a form items from the repository , they will be created onto a screen, PhixFlow creates a component using the default template for that objectitem. So it is important to make sure that you have set the right default component palette. This is set in System Configuration. Remember that this default will apply to all users of this PhixFlow instance. |
...