| Insert excerpt | ||||||||
|---|---|---|---|---|---|---|---|---|
|
This page is for application designers who plan to use tiles and components from one of the themes provided by PhixFlow.
Overview
PhixFlow is installed with two default palettes, Basic Components and Labelled Fields. These provide simple functionality. To get the most from PhixFlow we recommend you download and install your preferred Template Package, also referred to as a Theme, which will provide a palette(s) with rebuilt ayouts that you can use to create your applications.
We provide several
| Insert excerpt | ||||||
|---|---|---|---|---|---|---|
|
corporate colours and icons.
- Basic Components
- Labelled Fields
Optional
You can download and install the following palettes from the Installing Template Packages page. They only need to be installed once.
These palettes have been designed with a consistent look-and-feel and are referred to as Template Package - Themes. We recommend you use a Theme as they make designing applications easier by using pre-configured tiles that you can drag into a screen.
- Theme 1 - Cobalt Lake, uses blue for headers, with bright contrast colours. This theme is used in the /wiki/spaces/HELP100/pages/9106736940 and Building Applications Course.
- Theme 2 - Urban Complex. We recommend this theme for its contemporary look and feel. For more on using this theme, see Using Theme 2.
- Theme 2.1 - Builds on Theme 2, adding additional components such as Kanban boards and introducing new features such Template groups and highlighting on a sceen the prefered location for a palette item.
To find out whether you already have these themes installed, open a screen, click palette and see which ones you already have installed.
How to Download and Install a Template Package - Theme
If you want to install a template package - theme you can download a package to import. Instructions and download packagesDownload and Install a Template Package
To install a Template Package instructions are available from Installing Template Packages.
| Warning |
|---|
The |
Template Packages only need to be installed once. If a |
Template Package is already installed, installing it again will overwrite any changes you have made. |
| Table of Contents | ||||
|---|---|---|---|---|
|
Available Template Package - Themes
Theme Available Template Packages
Theme 1 - Cobalt Lake
| Anchor | ||||
|---|---|---|---|---|
|
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.
For an illustration of Theme 1 in action, see the /wiki/spaces/HELP100/pages/9106736940 video.
Theme 2 - Urban Complex
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.
Responsive Design
The Theme provides a responsive design 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.
Example 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.
| 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 /wiki/spaces/HELP100/pages/9106726483. |
Theme 2.1 - Urban Serenity
Rocket Fuelled!
Theme 2.1 is a rocket fuelled version of Theme 2. It includes a host of new and exciting templates including the new Kanban board, enhanced card containers and even more preconfigured complete screens than before. As before it is fully customisable to suit your own design needs.
Faster Screen Building
Theme 2.1 now has a simplified structure which means everything you need in one place! A single palette that is divided into logical groups such as complete screens, tiles and buttons, and now when you drag an item onto a screen dynamic highlighting shows where it should be placed.
Responsive Design
The responsiveness of the theme has been tuned to improve the 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 much easier by separating out the minimum size settings into their own style.
Example Dashboards
We’ve included more example dashboards than ever before! These dashboards illustrate all of the layout templates provided in Theme 2.1, These can be found in the Theme 2 package in the repository and in the new Theme 2.1 application that comes with this Template Package.
