Versions Compared

Key

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

Insert excerpt
_Banners
_Banners
namescreen
nopaneltrue

This page is for application designers who want to design re-usable components and add them to palettes.

Overview

Overview

You can add your own components to the palettes provided by Phixflow. Alternatively, you can keep your custom components on your own palettes; see Changing or Creating a Palette.

If you have a specific component that you want to reuse on multiple screens

, you can make a Layout Template, then add

:

  1. Convert it to a template component, described below.
  2. Add it to a new or existing palette.

Making a

Layout

Template

  1. On a screen canvas, add components from a palette and change their properties to create
a desired layout
  1. the layout and design you want.
  2. Set all the style options you require.
It is recommended that styling is applied using shared styles
  1. We recommend that you use shared styles when designing a layout that you want to add to a palette.
  2. Right-click the
Layout
  1. outermost component for the layout and select 
    Insert excerpt
    _repository_find
    _repository_find
    nopaneltrue
    .
  2. In the repository, right-click the component name.
  3. From the
context
  1. popup menu, select Copy as a Template.
  2. PhixFlow opens a new property
tab
  1. pane. This is a copy of the original component, with the Advanced → Template property ticked. It is saved in the
Layout
  1. Template section of the repository. 
  2. Edit the name to reflect that this component is now a
layout
  1. template.
We recommend that you add a layout template

Adding a Template Component to a Palette

. See Using and Creating Palettes.

  1. In the repository

open the desired palette. Drag the
  1. , find a palette and open its properties.
  2. Drag the palette properties tab into the workspace
to show the tab for the palette and Layout Template side-by-side.
  • Drag the layout template into the desired group of the palette.
  • The layout template is now ready as a reusable item that can be dragged from your palette to a screen.
  • Managing Layout Templates 

    To successfully move
    1. .
      PhixFlow creates a second panel so that the palette properties are displayed next to the repository.
    2. Expand the repository → Templates section.
    3. Drag template components into:
      • Either the palette properties → Components section
      • Or the palette properties → Palette Groups → open group properties → Components section.

    The template now appears in the palette as a reusable component that you can drag onto the screen canvas.

    Managing Palettes and Template Components

    To successfully move a palette to a different PhixFlow instance, you must include

    the layout template

    all its templates and styles in the export. Consider adding your styles,

    layout

    templates and associated palette to a package, to ensure they are all included

    in an export

    ; see Package for how to add items to a package.

    To

    perform the

    export your application, click the Administration menu

    options Export Full Configuration or Open Export Pane to include the layout templates and styles in your package

    → 

    Insert excerpt
    _export
    _export
    nopaneltrue
     → 
    Insert excerpt
    _export_config
    _export_config
    nopaneltrue
    ; see Export Configuration

      and