Versions Compared

Key

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

This page is for application designers who plan to use tiles and components from one of the themes provided by PhixFlow.

Overview

We provide several 

Insert excerpt
_palette
_palette
nopaneltrue
 s to make it easy to design applications with clean layouts and a consistent look-and-feel.  All themes palettes can be adapted, for example to use corporate colours and icons. PhixFlow is installed with two default palettes:

  • Basic Components
  • Labeled Fields

Optional

You can download and install the following palettes from the Installing Packages page. They only need to be installed once.

These palettes have been designed with a consistent look-and-feel, so are called Themes. We recommend you use a Theme palette as they make designing applications easy using pre-configured tiles that you can drag into a dashboard.

To check
  • Theme 2 - Urban Complex. We recommend this theme for its contemporary look and feel. For more on using this theme, see Using Theme 2.

To find out whether you already have these themes installed, check look in the pallete.

How to Download and Install a Theme

If you want to install these themes you can download a package to import. Instructions and download packages are available from Installing Packages.

Warning

The Themes only need to be installed once. If a theme is already installed, installing it again will overwrite any changes you have made. 



Panel
borderColor#7da054
titleColorwhite
titleBGColor#7da054
borderStylesolid
titleSections on this page

Table of Contents
indent12px
stylenone



Image Added Theme 1 - Cobalt Lake 
Anchor
theme1
theme1

Image Added

Image Added  Fully Configurable

Theme 1 offers a striking two-tone look, with bright overtones that can be configured to suit your own design needs. Offering straight forward implementation Theme 1 has the flexibility to fit your application requirements, from data charts to form over data input screens.

Image Added

For an illustration of Theme 1 in action, see the PhixFlow Quick Start Guide video.


 Theme 2 - Urban Complex

Image RemovedImage Added


Image Modified Fully Configurable

Theme 2 has a subtle, contemporary look and feel, with minimalist grey tones and a splash of colour. Offering straightforward implementation Theme 2 has the flexibility to fit your application requirements, from data grids to integrated maps.  As with all themes, it can be configured to suit your own design.

Image Modified Responsive Design

The Theme provides a responsive layout right out of the box, meaning that your applications display well on any device on which they are being viewed. This is achieved using a versatile tile based approach. The tiles house all of the app content and can be resized proportionally to one another to suit their content. For example, a larger tile can be configured for a data entry form and a smaller one for a map.

Image ModifiedExample Dashboards

Building on the success of Theme 1, Theme 2 provides more functionality, more flexibility and is even more straight forward to use. We’ve also included a set of example dashboards as a guide to what's included in the Theme. These can be found in the Theme 2 package in the repository.

Download Theme 2

Warning

If you have already installed this theme installed, all changes made to your existing theme will be removed if you install it again.

LINK XXXXX

Image Removed Theme 1 - Cobalt Lake

Image Removed

Image Removed  Fully Configurable

Theme 1 offers a striking two-tone look, with bright overtones that can be configured to suit your own design needs. Offering straight forward implementation Theme 1 has the flexibility to fit your application requirements, from data charts to form over data input screens.

Download Theme 1

Warning

If you have already installed this theme installed, all changes made to your existing theme will be removed if you install it again.

LINK XXXXX


Image Added

Image Added

Tip

For more details about Theme 2 and what it includes, see Using Theme 2.

To learn how to design an application using Theme 2, see the Designing Applications with Theme 2 Course.