Overview

Here are the most common tasks when it comes to updating application properties.  For a full list of editing options see This page explains how to change your application icon and the default components. For all the options you can change for an application, see Application Properties.

Changing the

To edit the icon that appears on the application selection page:

Image Removed

1. Open the application.
2. Click Properties.
3. In Application Icon select the desired image from the drop down.
   This image should be held in your application. If you need to add an image see Adding Images.

Application Icon

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

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

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 

   Insert excerpt
   _property_settings _property_settings nopanel true

   .
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 application logo are:
   • height: up to

1. • 40 pixels
   • width:

1. • up to

Change the Application Icon

To change the icon which appears in the header bar and the application background:

Image Removed

1. Open the application.
2. Click Properties.
3. In Application Logo select the desired image from the dropdown.
   This image should be held in your application. If you need to add an image see Adding Images.

1. • 300 pixels.
2. In Application Icon, select the image you want to use in the application menu.
   We recommend that application icons are:
   • height: up to

1. • 100 pixels
   • width:

1. • 100 to

1. • 150 pixels.

Changing a Default Component

Default components are the components used to create specific types of object automatically. For example the template to use when we drag an attribute onto a screen to create a form field.

PhixFlow uses a default component to automatically add a component when you drag tables or attributes onto a screen canvas. For example, if you drag an attribute with a string data type onto the canvas, PhixFlow adds a form field for a string.

If you want to use default components from another package template, first add the package to your application:

1. Open the application.
2. Click 

   Insert excerpt
   _property_settings _property_settings nopanel true

   .
3. In the 

   Insert excerpt
   _property_tabs _property_tabs name basic nopanel true

    → Packages section, show the list of packages and drag in any other packages that you want to use.

To change specific components:

1. Open the application.
2. Click 

   Insert excerpt
   _property_settings _property_settings nopanel true

   .
3. In the 

   Insert excerpt
   _property_tabs _property_tabs name style nopanel true

    → Default Components section, select the components you want to use from the list.
4. To use a component from a different template package, click 

   Insert excerpt
   _template _template nopanel true

    and drag a the required item from the template package into the default component box ???? you wish to update.
5. Image Added
6. To create a template component, see Making Template Components todo-Fiona not sure about this.

To

keep a default component, but to change it's style

1. Click on the default component heading, such as Date Component, and this will open the template ready to be edited.Note editing shared styles here will update all existing instance of this template, adding styles directly to the component will only impact items created after the style is added.field heading for a component, for example, Date Component >. The heading acts as a link to open the properties of the selected component.

2. In the component properties →

   Insert excerpt
   _property_tabs _property_tabs name style nopanel true

    change the styles; 

   Note
   Take care before you edit a shared style, as this affects all instances of the component. See Screen Styling for information about how different types of style are applied.