Versions Compared

Key

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

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

Overview

The easiest way to design a screen for an application is to:

...

For the repository sections Components and Layout Templates, there is no context menu option to add a new one. 

Making a Layout Template

  1. On a dashboard canvas, add components from a palette to create a layout
  2. Set all the style options you require.
  3. In the dashboard canvas, right-click the component 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. Open the repository and palette. Drag one of the tabs into the workspace to show the tabs side-by-side.
  2. Drag the layout template from the repository into the palette.

Reusing Components in Dashboards

To use a layout template, simply drag it into the dashboard canvas:

...

Tip

When you set up a layout template, you might want the option of changing the appearance of components that have been copied from a layout template. To do this, set up a shared style.

  1. Configure the formatting in a style.
  2. Add the style to the layout template's Shared Styles; see Style and Shared Styles and Style Order.

Managing Layout Templates 

When you use a style or Layout template in your dashboard, they become part of your application. To successfully move an application to a different PhixFlow instance, you must include the layout template and styles in the export. Consider adding your application, and any items it uses, such as layout templates and styles, to a package, to ensure they are all included in an export; see Package.

...