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

Template

1. On a screen canvas, add components from a palette and change their properties to create a desired layoutthe layout and design you want.
2. Set all the style options you require. It is recommended that styling is applied using shared stylesWe recommend that you use shared styles when designing a layout that you want to add to a palette.
3. Right-click the Layout outermost component for the layout and select 

   Insert excerpt
   _repository_find _repository_find nopanel true

   .
4. In the repository, right-click the component name.
5. From the context popup menu, select Copy as a Template.
6. PhixFlow opens a new property tabpane. This is a copy of the original component, with the Advanced → Template property ticked. It is saved in the Layout Template section of the repository. 
7. Edit the name to reflect that this component is now a layout template.We recommend that you add a layout template

Adding a Template Component to a Palette

1. In the repository open the desired palette. Drag the , 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.
3. Drag the layout template into the desired group of the palette.
4. 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 nopanel true

 → 

Insert excerpt
_export_config _export_config nopanel true

; see Export Configuration  and  and Import Configuration.