Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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
PhixFlow's Welcome Window

When you create an application project, PhixFlow guides you through the process in 3 steps.

  1.  On the left of the Welcome window, click Create New ??icon. PhixFlow prompts you to enter the following information for the application.
    • 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.

  1. Optionally, select or upload an icon for your application. This appears in the application list.
    • Image: PhixFlow uses the default application icon. Optionally you can
      • either select another image from the list, if icons have been uploaded to PhixFlow
      • or click Add Image to upload a new image/icon file to PhixFlow. Recommended sizes. You can do this later using Application settings and or image upload ??links
      • From the file browse window, navigate to and select the image file you want to use as an icon.  PhixFlow uploads the file to its database in images/icons ??dev to confirm
      • Image name For selected images, PhixFlow displays the image name it knows. For new images, add an image name (how does this relate to filename?? - check image properties??)
  2. The loaded icon is displayed in the Icon Preview
  3. Click Next

  1. 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?? 
  2. use the arrows to scroll through the different theme images until you find the one you like.
  3. When the theme you like is displayed, click Create App

Image Sizes

There are two images for an application. You can add or change them at any time in your application's properties.

An icon which is used in the card view. approximately ??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...


  1. At PhixFlow level: done in system 
  2. At Application level
  3. At theme level
  4. At shared style level
  5. 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