Overview
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 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:
- Open the application.
- Click
Insert excerpt |
---|
| _property_settings |
---|
| _property_settings |
---|
nopanel | true |
---|
|
. - 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 arebe:- height: up to 40 pixels
- width: up to 300 pixels.
- 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.
Changing a ComponentPhixFlow uses a default component components to automatically add a component specific Form Field when you drag tables or attributes data onto a screen canvas. For example, if you drag dragging an attribute with a string data type onto the canvas, of string onto a screen 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: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.
- Open the application.
- Click
Insert excerpt |
---|
| _property_settings |
---|
| _property_settings |
---|
nopanel | true |
---|
|
. - 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:- the Styles Tab → Default Components, are all of the defaults for your application.
Change a Default Component
- Open the application.
- Click
Insert excerpt |
---|
| _property_settings |
---|
| _property_settings |
---|
nopanel | true |
---|
|
. - In the
Insert excerpt |
---|
| _property_tabs |
---|
| _property_tabs |
---|
name | style |
---|
nopanel | true |
---|
|
→ Default Components sectionEither select a component from the list of available template components. - Or select a component from a different template package.
Click Insert excerpt |
---|
| _template |
---|
| _template |
---|
nopanel | true |
---|
|
. PhixFlow opens the repository, showing the available template components. - Drag the component you require into the default component field in the application properties, as shown below.
Image Removed:
Image Added
Tip |
---|
If your template is in a package, ensure this is associated with your application so that it is available: - In the
Insert excerpt |
---|
| _property_tabs |
---|
| _property_tabs |
---|
name | basic |
---|
nopanel | true |
---|
| → Packages section, the packages associated with your application are listed. - Click
Insert excerpt |
---|
| _package |
---|
| _package |
---|
nopanel | true |
---|
| to view a list of packages in your instance of PhixFlow and drag in any packages that you want to associate with your application.
|
Creating New Default Components
You can also create your own template components, see Making Template Components.
To keep a default component, but to change it's style:
Click on the field heading for a component, for example, Date Component >. The heading acts as a link to open the properties of the selected component.In the component properties → 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
- Open the application.
- Click
Insert excerpt |
---|
| _property_settings |
---|
| _property_settings |
---|
nopanel | true |
---|
|
. - In the
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 → Style Settings, are all of the styles for the grid in your application. - These styles can be changed for your own styles, simply click the:
-
Insert excerpt |
---|
| _styles |
---|
| _styles |
---|
nopanel | true |
---|
|
button to list the available styles and drag the required one into the input field. Insert excerpt |
---|
| _addIcon |
---|
| _addIcon |
---|
nopanel | true |
---|
|
to create a new style and this is automatically applied to the grid stying.