Overview
A palette provides quick access to set of configured layout templates, which you can dragging onto forms to create layout components.
PhixFlow comes with two default palettes:
- Basic Components: contains all basic layout components, such as String Field and CheckBox without any additional labels and styling.
- Labeled Fields: contains a set of predefined form fields that have configurable labels. This is the palette to use when designing application forms.
You can also install additional Theme palettes. These are designed to have everything you need to create GUI screens by simply dragging the tiles from the palette into a dashboard. See also About Themes, Using Theme 2 and /wiki/spaces/HELP12/pages/9615720309.
You can also configure PhixFlow to use automatically use your prefered palette, see application properties → Basic Settings → Default Component Palette.
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
|
Creating a
PalettesPalette
To create a palette:
- Right-click the repository branch → Application → Palette and select
.Insert excerpt _add _add nopanel true - PhixFlow opens a properties tab for the palette. Name the palette and save it.
- In the Layouts section, click the
button to see all the layout templates in the repository.Insert excerpt _layout_list _layout_list nopanel true - Drag layouts into the Layout list.
- Optionally set up Default Components
- Optionally define Palette Groups.
- Save your palette.
To remove items from a palette right-click on the item in the palette and click
| Insert excerpt | ||||||
|---|---|---|---|---|---|---|
|
Default Components
For any screen that you design, there are common elements, such as forms, true/false fields, or fields for specific types of data, such as long strings or floating point numbers. After you have added these to the Layouts section of the palette properties, use the Default Component section to select which of the layout components you want to use for the base components. PhixFlow displays these in a "Base Component" palette. For these
Adding a Layout Template to a Palette
If you have a layout component that you want to add to a palette, you must first copy it as a template; see Layout Template.
To add a layout template to a palette:
- Open the repository tab and palette tab.
- Drag one of the tabs into the workspace to show the tabs side-by-side.
- From the repository branch → Layout Template, drag a template from the repository into a palette.
Palette Groups
To remove items from a palette right-click on the item in the palette and click
| Insert excerpt | ||||||
|---|---|---|---|---|---|---|
|
Palette Properties
| Insert excerpt | ||||||
|---|---|---|---|---|---|---|
|
For each palette, the following settings are configured.
Basic Settings
| Field | Description | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Name | Name of the palette. | ||||||||
| Help URL | For palettes supplied by PhixFlow, this URL links to the help page about the palette. If you create your own palette, add a link to additional information to help people to use your palette. PhixFlow displays the palette header bar with a
|
Layouts
This section has a toolbar with standard buttons and Insert excerpt _layout_list _layout_list nopanel true
The grid contains a list of layout components that this palette contains. To add a layout to the list:
- Click
to list all the layout components in the repository.Insert excerpt _layout_list _layout_list nopanel true - Drag layout components into this list to add them to the palette.
To remove a layout template from the palette, use the
| Insert excerpt | ||||||
|---|---|---|---|---|---|---|
|
Default Components
You can select a layout template to use by default for common form fields.
| Field | Description | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| String Component | Add a layout template:
| ||||||||
| Bigstring Component | |||||||||
| Long Component | |||||||||
| Float Component | |||||||||
| True/False Component | |||||||||
| Date Component | |||||||||
| DateTime Component | |||||||||
| Action Component | |||||||||
| Form Component | |||||||||
| Card Component |
Palette Groups
This section has a toolbar with standard buttons. The grid contains a list of groups that that this palette contains.
Use palette groups to organise your layout templates, making it easier to find what you need. For example, Theme 2 has the following groups.
Theme 2 is organised with the most complete components, such as entire forms, first. Individual data fields are last. The groups in between have container components that you add to a dashboard first, then the tiles or tile elements that need a container.
To add a layout to the list:
- Click
to list all the layout components in the repository.Insert excerpt _layout_list _layout_list nopanel true - Drag layout components into this list to add them to the palette.
To remove a layout template from the palette, use the
| Insert excerpt | ||||||
|---|---|---|---|---|---|---|
|
| Field | Description | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Name | Name of the palette group | ||||||||
| Order | Enter a number to specify where this group appears in the palette. | ||||||||
| Layouts | This section has a toolbar with standard buttons. Click
Drag in the layout templates you want to appear in this group. | ||||||||
| Description | Tooltip Enter a tooltip. This will be displayed when a user hovers their mouse pointer over the palette group. Description Enter a description for this palette group. |
Description
| Field | Description |
|---|---|
| Tooltip | The description that will appear at the tooltip for this palette. |
| Description | Description of this palette. |