Understanding Template Packages

Owned by Fiona Sargeant (Unlicensed)
Last updated: Aug 14, 2024 by Zoe Baldwin

Overview

In PhixFlow you can share the same resources with multiple applications by adding them to a package, then adding the package to different applications. A package can contain anything an application can contain, such as:

  • modelling objects or complete analysis models
  • screen components and whole screens
  • shared styles and palettes.

A template package is a special type of package. It is not provided with your installation, but to get the most from PhixFlow, we recommend you download and install the template packages; see:

As well as shared styles and palettes, the template package sets some defaults for your application, such as number formats and the components to use when you drag a table or attribute, onto a screen.

What's Included in a Template Package

Here is an illustration of what makes up a template package:

  • A template package is a package with extra options to specify a palette and other default properties.
  • The palette contains individual components and components are combined into layouts. These have been designed to give your screens a consistent look-and-feel. When you are working on a screen, PhixFlow displays the palettes from your template package. You can drag components from the palette onto a screen. 
  • The properties specify which styles, formats and components to use by default when you are designing screens for your application. For example, when you drag an attribute onto a screen, PhixFlow adds the default field component to your screen.
  • One or more applications can use the layouts and components from the palette and have the same style properties, all of which are provided by the template package.

Choosing a Template Package

When you create a new application, there is an option to select a template; this is the template package. Select the template that has the design style that you want for your application.

Changing Defaults Set By a Template Package

You can change any of the defaults set by the template package in your Application Properties. In the

  •  Properties tab → Basic Settings for default date and number formats
  •  Styles tab → Style Settings, for default styles related to grids
  •  Styles tab → Default Components to select different components to use for data fields.

Adding Palettes

Whenever you are editing a screen, PhixFlow opens the palette tab in the right panel. The palette tab has several different palettes, which you can expand.

The palettes available to your application are:

  • the basic palettes provided with every PhixFlow installation
  • the palettes provided by the template package selected when you created the application, for example Serene Grey
  • any palettes included in a package that you added to your application; see Package
  • any palettes you created for the application; see Changing or Creating a Palette

To use a palette, drag layouts and components onto the screen canvas; see Adding Screen Content. 

If you close the palette tab, in the screen canvas toolbar, click  Palette to reopen it.

Available Template Packages 

 Serene Grey

The Serene Grey Template Package makes use of all the latest features in PhixFlow. (Download)


 Rocket Fuelled!

The Serene Grey Template Package includes a host of exciting templates, including the Kanban board, card containers and even more preconfigured complete screens than ever before. It is fully customisable to suit your own design needs.

 Faster Screen Building

The Serene Grey Template Package has a simplified structure which means everything you need is in one place! A single palette that is divided into logical groups such as complete screens, tiles, and buttons, and when you drag an item onto a screen dynamic highlighting shows where it should be placed.

 Responsive Design

The responsiveness of the Serene Grey Template Package ensures a consistent appearance of application screens on mobile devices. This means you still get responsiveness built into the layout templates right out of the box using a versatile tile-based approach, but screens will scale down to mobile devices accurately. We have also made setting the scaling sizes easy by separating out the minimum size settings into their own style.

Example Screens

We’ve included more example screens than ever before! These screens illustrate all of the layout templates provided in the Serene Grey Template Package, these can be found in the Serene Grey Example app available from your start menu or the Learning Centre.

Learn more