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
PhixFlow's Welcome Window
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.
- a Name
- a development Version number, for example 1.
- a Description. Consider including the purpose of the application and who is responsible for it.
Click Next.
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 list to select an icon that has already been uploaded to PhixFlow.
- or click Add Image to upload a new image/icon file to PhixFlow. In the file window, find and select the image file you want to use as an icon. PhixFlow uploads the file and sets it to be your application icon.
PhixFlow shows the file name in the Image Name field. check?? and displays the icon in Icon Preview.
Click Next
Step 3 Select a theme
PhixFlow comes with several design themes. The theme sets defaults for various things in your application ??list some things. You can adapt and change your theme at any time ??link to palette and component templates??
Use the arrows to scroll through the different themes until you find the one you like. When the theme you like is displayed, click Create.
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:
- Upload an image to use as a logo; see Image
PhixFlow uploads application icons and logos to its database in images/icons ??dev to confirm - Select the image in your application's properties (see Application):
- Application Icon
- height: up to 100 pixels
- width: 100 to 150 pixels.
A logo, to use in customised bra
- Application Logo
- height: up to 100 pixels
- width: 100 to 150 pixels.
- Application Icon
??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
- Bottom right, notification of running actions image action-notification.png
- Also 1.4 Header bar customisation -system config New level called Environment Header logo and icon PhixFlow, compact and Custom
- And login window screenshot for desktop and mobile