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

Overview

If you have a specific component that you want to reuse on multiple screens, you can make a Layout Template, then add it to a new or existing palette.

Making a Layout Template

1. On a screen, add components from a palette to create a desired layout.
2. Set all the style options you require. It is recommended that styling is applied using shared styles.
3. Right-click the Layout and select  Find in Repository.
4. In the repository, right-click the component name.
5. From the context menu, select Copy as a Template.
6. PhixFlow opens a new property tab. 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.
   1. We recommend that you add a layout template to a Palette. See Using and Creating Palettes.
8. In the repository open the desired palette. Drag the tab into the workspace to show the tab for the palette and Layout Template side-by-side.
9. Drag the layout template into the desired group of the palette.
10. 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 palette to a different PhixFlow instance, you must include the layout template 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 click the Administration menu options Export Full Configuration or Open Export Pane to include the layout templates and styles in your package; see Export Configuration  and Import Configuration.