Versions Compared

Key

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

Insert excerpt
_Banners
_Banners
namescreen
nopaneltrue

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

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.

Overview

Insert excerpt
_ValidationType
_ValidationType
nopaneltrue
 defines the expected input for the form field it is applied to. 

Insert excerpt

_property_tabsnamebasic-hnopaneltrue

Insert excerpt
_property_toolbar
_property_toolbar
nopaneltrue

Insert excerpt_property_tabs

_parent_parent
nopaneltrue

Basic Settings

FieldDescription
NameName of the paletteValidation Type.
Help URLFor Base Type

Defines the data typeFor 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 

Insert excerpt
_help
_help
nopaneltrue
 icon which links to the URL specified here.

AnchorAddingToAPaletteAddingToAPalette


Components

This section has a toolbar with standard buttons

Click 

Insert excerpt
_template_list
_template_list
nopaneltrue
 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. 

Anchor
group
group

Palette Groups 

Use palette groups to organise your components in the palette.

To add a palette group to your palette:

  1. Click
    Insert excerpt
    _new
    _new
    nopaneltrue
    .
  2. PhixFlow opens the Palette Group properties.
  3. Set the name and order. Add the components you require.
  4. Insert excerpt
    _finish
    _finish
    nopaneltrue
    .

To remove a group from the palette, use the

Insert excerpt
_delete
_delete
nopaneltrue
 in the toolbar.

Pallet Group Properties

Field

Description

NameName of the palette group.Order

Enter a number to specify where this group appears in the palette.Components

This section has a toolbar with standard buttons

Click  Insert excerpt_template_list_template_listnopaneltrue 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.

Image Removed 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.

Insert excerpt
_audit
_audit
nopaneltrue

Live SearchspaceKey@self



additionalnoneplaceholderSearch all help pagestypepage
Panel
borderColor#00374F
titleColorwhite
titleBGColor#00374F
borderStylesolid
titleSections on this page

Table of Contents
maxLevel3
indent12px
stylenone


Learn More

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

Insert excerpt_terms_changing_terms_changingnopaneltrue