This page is for application designers who want to start a new application project. It explains how to create an application.
You create a new application project from the PhixFlow Welcome window. From the Welcome window, you can also:
- switch between card and list view using the buttons on the right: ??link
- select an existing application from the list: ??link
- import an application using the button on the left: ??link
When you create an application project, PhixFlow guides you through the process in 3 steps.
Customising your Applications Icon and Logo
You can have 2 images for an application:
- the icon that appears in the application list
- a logo that can replace the PhixFlow logo in the header bar.
You can change your application logo it at any time by:
PhixFlow uploads application icons and logos to its database in images/icons ??dev to confirm
- height: up to 100 pixels
- width: 100 to 150 pixels.
A logo, to use in customised bra
??sizes are same as in properties. Make this shared text.
- height: up to 100 pixels
- width: 100 to 150 pixels.
A logo, to use in customised branding for the application. This can replace the PhixFlow logo and name in the header bar.
When a user clicks this image, it will open the application menu. We recommend an image size of approximately:
- height: up to 40 pixels
- width: up to 300 pixels.
See Image for how to upload an image to PhixFlow.
Themes Under-the-Hood
A theme is basically a "package" of items, e.g. styles, components for screens and palettes for them. When you create an application the selected theme package is added to your application. You can see it in the Package folder. And in the repository, all the loaded items are listed.
Where is stuff coming from?? Things can be set at different levels. Some examples?? selected theme, selected date formats etc...
- At PhixFlow level: done in system
- At Application level
- At theme level
- At shared style level
- At specific component level
Home page
End point Application home page with access to Data, Design and Workflow. Same links as shortcuts in the header bar.
Section XD2.3 Application settings link
Additional configuration for your application. Opens application properties on the right- see the properties. Set all the core stuff that applies to the whole application. Your chosen theme has defaults for these things. you can change them at any time.
Notes to me
Stuff to go to the GUI page from XD 1.7 onwards
Insert excerpt | ||||||||
---|---|---|---|---|---|---|---|---|
|
Overview
Applications contain everything necessary for it to function, from its data and access permissions, to links with associated packages. Each application has a unique URL and associated styling.
Open an Application
To open an existing application
- Double-click on the application's name from the application list that opens with PhixFlow.
- If the application list is not displayed, in the top left of the PhixFlow, click
Every application has a URL which allows you to access it directly.
- To obtain the URL for the application, the most reliable method is to open the application and copy the value from the address bar:
Expand | ||
---|---|---|
| ||
The URL is made up of:
Server address: Application Name: Menu Name:
|
Creating a New Application
- Click
Add New from the PhixFlow Landing Screen.Insert excerpt _addIcon _addIcon nopanel true - If this is not open, click the
.Insert excerpt _app_menu _app_menu nopanel true
- If this is not open, click the
2. PhixFlow opens the Create Application wizard.
3. Set the following properties for your application:
Name: enter a name.
Version (Optional): enter a version number if applicable.
Description (Optional): we recommend entering a useful description of the application, potentially the data owner and app creators.
Template: Template Packages define the styling, default settings and templates used to create your application. We recommend selecting a PhixFlow template, such as Serene Grey, as this comes complete with everything you need to start creating your application.
Application Icon (Optional): select an image to be used as the icon for your application on the selection screen.
Tip Icons for the application menu should be:
- up to 100 pixels high
- between 100 to 150 pixels wide
4. Click Create Application.
Templates Packages
Template Packages contain predefined options to specify a palette and other default properties; these include styling, default settings and templates used to create the content of your application. A Template package is selected when an application is created. See Understanding Template Packages.
Insert excerpt _packages _packages nopanel true
_packages | |
_packages | |
nopanel | true |
In PhixFlow you can share the same resources, such as data connectors and styles, with multiple applications by adding them to a package and then adding the package to different applications. A package can contain anything in an application.
To associate a package to an application:
- Open the Application's
Insert excerpt _property_settings _property_settings nopanel true - Click the Home button from the header menu and then click the properties button.
- Scroll down to the
section in the properties.Insert excerpt _packages _packages nopanel true - Click the
button to open the available packages list.Insert excerpt _packages _packages nopanel true - Tip: If the available packages list opens over the top of the application properties, drag the tab header to the left so that both open tabs can be seen next to each other.
- Drag the required package into the packages area for your application and
your changes.Insert excerpt _save _save nopanel true
Application Properties
To access the application properties, click the
Insert excerpt | ||||||
---|---|---|---|---|---|---|
|
The default properties used by your application are based on the template package you selected when you created it. You can see the default properties or set them in the Application Properties. These include:
- Grid Styling for headers, fonts and row sizes applied to grids by default.
- Set in the
.Insert excerpt _property_tabs _property_tabs name style nopanel true
- Set in the
- Default Components, such as the Form Fields template used when creating input forms.
- Set in the
.Insert excerpt _property_tabs _property_tabs name style nopanel true
- Set in the
- Formats for numbers and dates, including the number of decimal places.
- Set in the
.Insert excerpt _property_tabs _property_tabs nopanel true
- Set in the
- The Application Icon used in the application list to identify your application.
- Set in the
.Insert excerpt _property_tabs _property_tabs nopanel true
- Set in the
If a default style or number/date format is not set in the application properties, PhixFlow uses defaults set in System Configuration. If the latter is not set, PhixFlow will prompt you to set them.
For more detail on this topic see Editing Application Properties.
Startup Actions
Startup actions are Actionflows which run when your application initially opens. They can be used to open the default navigation menu and a specific screen, such as a landing page. See Designing Screens and Startup Actions.
Server Properties
The instance of PhixFlow can be labelled and a colour set. This is useful when you have multiple environments such as Development, UAT and Production.
- Server Properties
- From the header menu, click
→ System → Configuration.Insert excerpt _administration _administration nopanel true - Click on the
.Insert excerpt _property_tabs _property_tabs nopanel true
- From the header menu, click
- Set the Label
- Set a value in PhixFlow Instance. This will appear in the banner at the top of PhixFlow. For Example, Testing.
- Banner Colour
- Choose a colour by clicking the coloured box next to this field. You can pick a specific using the colour picker and set this as the banner colour.
Security
There are two elements of security:
- Controlling who can access an application.
Controlling their privileges within an application.
To find out more on this topic see, 21. Security and Access.
What's Next?
The PhixFlow Fundamentals course provides a practical guide to using PhixFlow, including setting up the application properties.
Already started PhixFlow Fundamentals?
Return to Application Fundamentals
Further Reading
Child pages (Children Display) |
---|