Overview

This page explains how to change your application icon and the default components. For all of the options you can change for an application, see Application Properties.

Changing the Application Icon

There are two places where PhixFlow displays an icon for the application:

• In the header bar when the application is loaded:
  
• On the application menu:
  

To select an alternative image, it must first be uploaded to the PhixFlow database; see Adding Images.

To change these icons:

1. Open the application.
2. Click  Properties.
3. In Application Logo, select the image you want to use in the header bar.
   When you click this logo, PhixFlow opens the application menu.
   We recommend that the application logo be:
   • height: up to 40 pixels
   • width: up to 300 pixels.
4. In Application Icon, select the image you want to use in the application menu.
   We recommend that application icons are:
   • height: up to 100 pixels
   • width: 100 to 150 pixels.

Default Form Fields

PhixFlow uses default components to automatically add a specific Form Field when you drag data onto a screen. For example, by dragging an attribute with a data type of string onto a screen PhixFlow adds a form field for a string.

When you create an application by selecting a Template Package, such as Serene Grey, all of the default components are set for you automatically based on this package. 

Viewing Default Form Fields

1. Open the application.
2. Click  Properties.
3. In the Styles Tab → Default Components are all of the defaults for your application.

Change a Default Component

1. Open the application.
2. Click  Properties.
3. In the  Styles tab → Default Components section
4. Click  Templates. PhixFlow opens the repository, showing the available template components.
5. Drag the component you require into the default component field in the application properties, as shown below:
   

Creating New Default Components

You can also create your own template components, see Making Template Components.

Default Styles for Grids

In the same way, a template package sets the default components for your application, it also defines the styles used by the Grids/Tables in your application.

Viewing and Editing Grid Styles

1. Open the application.
2. Click  Properties.
3. In the  Styles tab → Style Settings, are all of the styles for the grid in your application.
4. These styles can be changed for your own styles, simply click the:
   1.   Style button to list the available styles and drag the required one into the input field.
   2.  to create a new style and this is automatically applied to the grid stying.