Palette

This page provides details of the properties for a palette, which is part of an screen design.

Overview

A palette provides quick access to set of configured templates, which you can dragging onto a screen canvas to easily create application screens.

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.
  • Labelled Fields: contains a set of predefined form fields that have configurable labels. This is the palette to use when designing application forms. 

You can install additional package templates, each of which includes a different palette; see Installing Template Packages

When you create an application, you can select a package template. This sets the default styles and palette for the application; see Understanding Template Packages. To make additional palettes available to an application, add it to the application's packages.

When you are designing screens, PhixFlow displays a list of the available palettes. You can expand a palette and drag components from the palette onto the screen.

To add your own components to an existing palette:

  • convert your components and layouts to a template: see Making Template Components.
  • Drag the template into the Components section of the palette properties.

You can also create your own palette; see Changing or Creating a Palette.

Property Pane Toolbar

For information about the toolbar options, see the Common Properties page, Toolbars and Controls section.

 Properties Tab

Parent Details

If this item is within or belongs to another, its parent name is shown here. See the Parent Details section on the Common Properties page for more details.

Basic Settings

FieldDescription
NameName 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  Help icon which links to the URL specified here.

Components

This section has a toolbar with standard buttons

Click  List templates to open the full repository list of Templates. If you want to see only templates from your application, find your application → Templates.

Drag in the templates you want to appear in this group. 

Palette Groups 

Use palette groups to organise your components in the palette.

To add a palette group to your palette:

  1. Click  Create New.
  2. PhixFlow opens the Palette Group properties.
  3. Set the name and order. Add the components you require.
  4.  Apply and Close.

To remove a group from the palette, use the  Delete in the toolbar.

Pallet Group Properties

FieldDescription
NameName of the palette group.
OrderEnter a number to specify where this group appears in the palette.
Components

This section has a toolbar with standard buttons

Click  List templates to open the full repository list of Templates. If you want to see only templates from your application, find your application → Templates.

Drag in the 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.

Audit Tab
Audit Summary

See the Common Properties page, Audit Summary section.

Description

FieldDescription
TooltipThe description that will appear at the tooltip for this palette.
DescriptionWe recommend you always add a description of this palette.

 Audit Tab

Audit Summary

See the Common Properties page, Audit Summary section.


Sections on this page

Learn More

For links to all pages in this topic, see  Understanding Template Packages.


Terminology changes in progress

As part of the redesign of PhixFlow, we are changing the following terms:

dashboard → screen   
stream → table
stream attributes → attributes
stream item → record
stream set → recordset
stream view → view
stream item action → record-action 
stream action → table-action
driver class → database driver