What is Theme 2?

Theme 2 is a palette of ready-made layout components that you can drag into a dashboard. This page explains how to use Theme 2. It covers:

• what’s included in the theme
• how to use the various element
• how to editing items
• how you can create your own components to suit your needs.

If you are looking for tutorials on how to use PhixFlow, see the Training Courses.

Why Use Theme 2

Theme 2 offers a subtle, contemporary look and feel, with minimalist grey tones and a flourish of colour that can be easily configured to suit your design needs. The flourish of colour can be updated to suite your own design needs as can the logos used; this is all achieved by updating the styles and icons used in the theme.

The Theme 2 palette is designed to be easy to use. It has the flexibility to fit your application requirements, from data grids to integrated maps.

The Theme 2 provides a responsive layout right out of the box, meaning that your application can adapt to the form factor of the device on which it is being viewed. This is achieved using a tiles. The tiles contain all of the application content and can be resized proportionally to one another depending on the content. So, for example, a tile is larger for a data entry form and  smaller for a map.

We recommend using Theme 2 because it provides more functionality than Theme 1 or the standard palettes. It has more flexibility and is even easier to use. We’ve also included a set of the example dashboards that you can use to see how the tiles work in a dashboard. You can find the example dashboards in the PhixFlow repository → Packages → Theme 2.

What's in Theme 2?

When you first install Theme 2 there will be no data present. To generate the data simply load the T2 – Example Dashboard and click on the Generate Data button. This generates test data for you to interact with in the Example Dashboard. For example, you can add comments or update employee records.

To reset the data back to its original state, simply click the Clear Data button, follow the prompts and then click Generate Data. This will reset the data to its original state.

The T2 – Example Dashboard includes:

• windows controls
• main content
• a header
• A tile with:
  
  • a grid 
  • Icon Tabs, for:
    
    • a CRUD form for data entry
    • a set of graphs on a split area.

• A tile with an embedded video

• a tile with a map for an integrated google map.

Theme 2 also has the following example dashboards.

• Splash screen: can be configured to open other dashboards and provide a pleasant landing page for users.
• Popup: for data entry, providing additional information or anything that requires an additional dashboard to show.
• Confirm: a simple screen to show a custom message such as confirming an action.