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.

Building up palettes

Adding

Add items to a palette by dragging a Layout Template onto it

...

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. 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
_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

...

Form icons

...

.

...

See Also

...