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.
  • Labeled 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 About 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 Adding Components to a Palette.
  • Drag the template into the Components section of the palette properties.

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

Insert excerpt
_property_toolbar
_property_toolbar
nopaneltrue

Insert excerpt
_property_tabs
_property_tabs
namebasic-h
nopaneltrue

Insert excerpt
_parent
_parent
nopaneltrue

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 

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

Anchor
AddingToAPalette
AddingToAPalette

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

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 

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.

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.

Insert excerpt
_audit
_audit
nopaneltrue



Live Search
spaceKey@self
additionalnone
placeholderSearch all help pages
typepage

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  About Template Packages.

Insert excerpt
_terms_changing
_terms_changing
nopaneltrue