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

The PhixFlow We provide several 

Insert excerpt
_palette
_palette
nopaneltrue
 provides
 s to make it easy to design applications with clean layouts and a consistent look-and-feel.  All 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 find out whether you already have these themes installed, 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 Removed Theme

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.


Image Added Theme 2 - Urban Complex

Image RemovedImage Added


Image Modified Fully Configurable

Theme 2

offers

has a subtle, contemporary look and feel, with minimalist grey tones and a splash of colour

that can be configured to suit your own design

. 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

apps can adapt to the devices

applications display well on any device on which they are being viewed

onSee XXXXXXXXXX

. 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

Image Removed 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

Image Removed 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

Installing a Theme


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.