This page is for application designers who want to use palettes to create an application with a consistent look-and-feel.
You can design an application with a consistent look-and-feel using palettes. PhixFlow comes with two preinstalled palettes. There are additional palettes that we provide as packages; see the Installing Packages page for information about how to do this.
- Pre-installed palettes
- Basic Components
- Labelled Fields
- Packaged palettes
- Theme 1 - App Builder Base Components
- Theme 1 - App Builder Prebuilt Components
- Theme 2 - App Builder
- Theme 2 - App Builder Base Components
- Theme 2 - Buttons
...
The pages in this topic are:
...
Insert excerpt |
---|
| _Banners |
---|
| _Banners |
---|
name | screen |
---|
nopanel | true |
---|
|
Overview
To configure a screen, drag components and layouts from the Insert excerpt |
---|
| _palette |
---|
| _palette |
---|
nopanel | true |
---|
|
, or a data table, onto the screen canvas.
Opening a Palette
Palettes are available from the Toolbar on a screen, click the Insert excerpt |
---|
| _palette |
---|
| _palette |
---|
nopanel | true |
---|
|
button to display them.
Adding to a Screen
To add content to your screen, such as buttons, maps, headers etc:
- Click and drag items from the
Insert excerpt |
---|
| _palette |
---|
| _palette |
---|
nopanel | true |
---|
|
onto the screen as illustrated here:- Image Added
Adding Form Fields Anchor |
---|
| AddingFormFields |
---|
| AddingFormFields |
---|
|
It's easy to create data to display or data entry using fields on a form by dragging attributes onto the screen canvas:
- Open the
Insert excerpt |
---|
| _tableOnly |
---|
| _tableOnly |
---|
nopanel | true |
---|
|
properties. - Drag attributes from the
Insert excerpt |
---|
| _attributes |
---|
| _attributes |
---|
nopanel | true |
---|
|
section onto the screen canvas. - Enter a name for the field component.
- PhixFlow automatically creates the form fields using on the default style specified for the type of data that the attribute represents.
For example, a telephone number has a number field, whilst a name has a text field. The default styles are set in your application properties.
Dropping Components Into or Next To Existing Content
When you drop a component, table or attribute onto a screen, PhixFlow needs to know if you want to put the item into or next to any existing item.
Insert excerpt |
---|
| Moving Content on a Screen |
---|
| Moving Content on a Screen |
---|
nopanel | true |
---|
|
Where the palette item has a preferred parent, when you drag it onto a screen PhixFlow highlights these preferred parents and will try and place the item you are dragging inside its preferred parent; see Component Categories and Preferred Parents.
Finding a Component
Anchor |
---|
| formBuildingFindComponentParent |
---|
| formBuildingFindComponentParent |
---|
|
The
Insert excerpt |
---|
| _layers |
---|
| _layers |
---|
nopanel | true |
---|
|
panel on the left of the screen canvas automatically highlights any selected item. To display or hide the panel click Insert excerpt |
---|
| _layer_slider |
---|
| _layer_slider |
---|
nopanel | true |
---|
|
Moving Content on a Screen
See Moving Content on a Screen
Trouble Shooting
Are changes not showing? Under certain circumstances changes you make on a screen will not appear immediately. Therefore a simple close and reopen of the screen will invoke a refresh and you will see your changes appear.
What's Next?
Child pages (Children Display) |
---|
|