Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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 configure PhixFlow to use automatically use your prefered palette, see application properties → Basic Settings → Default Component Palette.


Panel
borderColor#7da054
titleColorwhite
titleBGColor#7da054
borderStylesolid
titleSections on this page

Table of Contents
indent12px
stylenone


Editing Palettes

You can create new palettes and edit existing ones.

To create a palette and add components:

  1. Right-click the repository branch → Application → Palette and select 
    Insert excerpt
    _add
    _add
    nopaneltrue
    .
  2. PhixFlow opens a properties tab for the palette. Name the palette and save it.
  3. In the Layouts section, click the 
    Insert excerpt
    _layout_list
    _layout_list
    nopaneltrue
     button to see all the layout templates in the repository.
  4. Drag layouts into the palette properties.
  5. To use a layout template as a Default Component, drag it 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 into the  To set the default component for the palette, you can drag the components onto list into the corresponding field
Remove
  1. in the Default Component section.

To remove items from a palette by right-clicking click on the item in the palette and selecting Permanently Delete. This does not remove the layout template from the repository, but just removes the layout from this paletteclick 

Insert excerpt
_delete
_delete
nopaneltrue
. This removes the layout from the palette, but does not remove it from the repository.

Palette Properties

Insert excerpt
_standard_settings
_standard_settings
nopaneltrue

For each palette, the following settings are configured.

Basic Settings

FieldDescription
NameName of the palette.

Layouts

This section has a toolbar with standard buttons and 

Insert excerpt
_layout_list
_layout_list
nopaneltrue

The grid contains a list of layout components that this palette contains. To add a layout to the list:

  1. Click
    Insert excerpt
    _layout_list
    _layout_list
    nopaneltrue
     to list all the layout components in the repository.
  2. Drag layout components into this list to add them to the palette. 

To remove a layout template from the palette, use the

Insert excerpt
_delete
_delete
nopaneltrue
 in the toolbar.

Default Components

FieldDescription
String Component              





Add a layout template

  • either select one from the drop-down list. 
  • or drag in a layout template from the repository list, opened from the Layouts section toolbar: 
    Insert excerpt
    _layout_list
    _layout_list
    nopaneltrue
Bigstring Component
Long Component
Float Component
True/False Component
Date Component
DateTime Component
Action Component
Form Component
Card Component

Description

FieldDescription
TooltipThe description that will appear at the tooltip for this palette.
DescriptionDescription of this palette.