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.
Step 1 Name your application
On the left of the Welcome window, click Create New ??icon. PhixFlow prompts you to enter the following information for the application.
Insert excerpt | ||||||||
---|---|---|---|---|---|---|---|---|
|
Overview
The starting point for any application is creating everything you need for your project within PhixFlow. The Create Application window prompts you for the essential information PhixFlow needs to:
- set up all the folders in the repository that your project will need.
- create a default menu.
You can find the menu in the repository → Menus branch →application_name
_Menu
.
When you add the first option to the menu, it is automatically displayed in the menu bar; see Startup Actions → Static Menu Creation. - add a template to your application's Packages folder.
The template includes the palettes that will give your application a consistent design; see Understanding Template Packages and Package. - set default properties based on the template. Default properties include:
- formats for dates and numbers
- the palette and components to use for forms, data fields and cards
- the styles for data grids
- the default action which should run when your application is opened. For example, an actionflow to open a navigation window and landing page.
Creating a New Application
To create a new application:
1. Click Add New from the PhixFlow Landing Screen.
- If this is not open click
; see Application Menu, below.Insert excerpt _app_menu _app_menu nopanel true
2. PhixFlow opens the Create Application window.
3. Set the following properties for your application:
Name: enter a name.
Version: enter a development version number, for example 1.
Description: we recommend that you enter the purpose of
Step 2 Choose an icon
PhixFlow uses a default application icon to display in the application list. To keep this icon for now, just click Next. You can change it later; see ??link Customising your Applications Icon and Logo.
To change your application icon:
either expand the Image listthis application and who is responsible for it.
Click Next.
Template: select a template to provide a design theme and to set key properties.
Application Icon: select an image that PhixFlow displays in the card on the application menu. If you do not select an icon, PhixFlow uses a default image.
Either use the drop-down to select an icon that has already been
PhixFlow shows the file name in the Image Name field. check?? and displays the icon in Icon Preview.
Click Next
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
loaded into PhixFlow
Or click to find an image saved on your computer to load it into PhixFlow.
Tip Icons for the application menu should be:
- up to 100 pixels high
- between 100 to 150 pixels wide
4. Click Create Application. PhixFlow prompts you to load the application, we recommend you do this as this displays the application home options.
Default Properties
PhixFlow sets default style or number/date formats for your application based on your template. You can see or change these in the Application Properties. If a default style or number/date format is not set in the application properties, PhixFlow uses defaults set in System Configuration.
Application Menu
Anchor | ||||
---|---|---|---|---|
|
Applications are listed as cards.
Tip | ||||||||
---|---|---|---|---|---|---|---|---|
The
The repository → Applications branch displays the applications that you have permission to use. |
To redisplay the application menu, in the top left of the PhixFlow window click:
- either the Application menu
- or the , if it is present.
Each application card also has a
Insert excerpt | ||||||
---|---|---|---|---|---|---|
|
Learn More
Child pages (Children Display) |
---|
HTML Comment | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
|