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/HELP11/pages/9711229273.
You can also configure PhixFlow to use automatically use your prefered palette, see application properties → Basic Settings → Default Component Palette.
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
|
Making a Layout Template
You can only add layout templates to a palette.
Create the layout component and style it as required. This can be a simple field or made up of multiple components. Save it.
In the repository, find the component and right-click. Select Copy as a template.
PhixFlow opens a copy, this time with the option Advanced → Template ticked.
Open the Basic Settings section of the new layout template, and change the name.
Save.
Editing Palettes
You can create new palettes and edit existing ones.
To create a palette and add components:
- 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 palette properties.Optionally, you can use the same layout template for specific types of component, such as a date field, card or action. Drag the layout template from the repository list into the corresponding field in the Default Component section. 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
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
| 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 |
Description
| Field | Description |
|---|---|
| Tooltip | The description that will appear at the tooltip for this palette. |
| Description | Description of this palette. |