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

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 
    Insert excerpt
    _repository_find
    _repository_find
    nopaneltrue
    .
  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
    1. How to Create a Palette.
  1. 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.
  2. Drag the layout template into the desired group of the palette.
  3. 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.