Versions Compared

Old Version 10

changes.mady.by.user Fiona Sargeant

Saved on

compared with

New Version 11

changes.mady.by.user Fiona Sargeant

Saved on

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.

 On

Image Added

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.

Image Removed

Optionally, select or upload an icon for your application. This appears in the application list.Image: PhixFlow uses the default application icon. Optionally you caneither select another image from the list, if icons have been uploaded to PhixFlow

Image Added

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.
Recommended sizes. You can do this later using Application settings and or image upload ??linksFrom
  •  In the file
browse
  • window,
navigate to
  • find 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??)
  • The loaded icon is displayed in the Icon Preview
  • Click Next
    • Image Removed
    • 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

    Image Added

    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

    Use the arrows to scroll through the different

    theme images

    themes until you find the one you like.

     When the theme you like is displayed, click Create

    App

    Image Removed

    Image Sizes

    There are two

    .

    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. 
      Image Added

    You can add or change them change your application logo it at any time by:

    1. 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
    2. Select the image in your application's properties
    .An icon which is used in the card view. approximately
    1. (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.

    ??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. Image Removed


    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