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 Designing Applications with Theme 2 Course.
You can also configure PhixFlow to use automatically use your prefered palette, see application properties → Basic Settings → Default Component Palette.
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
|
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.
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. |