Overview
A palette provides quick access to set of configured layout templates 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 your prefered palette; see application properties → Basic Settings → Default Component Palette.
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
|
Creating a Palette
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 Screens section, click the
button to see all the layout templates in the repository.Insert excerpt _layout_list _layout_list nopanel true - Drag layouts components into the Layout Component 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 Components 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.
Adding a
LayoutTemplate 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 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.
To remove items from a palette right-click on the item in the palette and click
| Insert excerpt | ||||||
|---|---|---|---|---|---|---|
|
You can group layout components into sub-sections of a palette; see Palette Groups, below.
Palette Properties
| Insert excerpt | ||||||
|---|---|---|---|---|---|---|
|
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
|
Components
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 component 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 a 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
| Anchor | ||||
|---|---|---|---|---|
|
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, the Theme 2 - App Builder palette has the following groups.
We recommend you have a guiding principle for creating groups. For example, 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 to be dropped into a container.
To add a group to the list:
- Click
.Insert excerpt _add _add nopanel true - PhixFlow opens the Palette Group properties.
- Set the name and order. Add the layouts components you require.
.Insert excerpt _finish _finish nopanel true
To remove a group from the palette, use the
| Insert excerpt | ||||||
|---|---|---|---|---|---|---|
|
Pallet Group Properties
| Field | Description | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Name | Name of the palette group. | ||||||||
| Order | Enter a number to specify where this group appears in the palette. | ||||||||
| LayoutsComponents | 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. |