Versions Compared

Key

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

Insert excerpt
_Banners
_Banners
namescreen
nopaneltrue

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

You can create your own palette or To add your own components to an existing palette. To do this, first :

You can then drag
  • Drag the template into the Components section of the palette properties.

To make a palette available to an application, add it to the application's packages.

Note

To make a palette available as part of the default style settings for and application, add it to:

  • either the package template for the application About Template Packages and Package properties.
  • or to the application default palette; see Application 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