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 WindowImage Removed

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

 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
    Insert excerpt
    _Banners
    _Banners
    nameapp
    nopaneltrue

    Image Added

    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 
      Insert excerpt
      _app_menu
      _app_menu
      nopaneltrue
      ; see Application Menu, below.

    Image Added

    2. PhixFlow opens the Create Application window.

    Image Added

    3. Set the following properties for your application:

      • Name: enter a name.

      • Version: enter a development version number, for example 1.

    a Description. Consider including
      • Description: we recommend that you enter the purpose of

    the
    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

    Image Removed

    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 Removed

    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.

    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
      • this application and who is responsible for it.

  • Click Next.
  • Image Removed

      • 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 loaded into PhixFlow

        • Or click  Image Added 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 ApplicationPhixFlow 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 PropertiesIf a default style or number/date format is not set in the application properties, PhixFlow uses defaults set in System Configuration.

    Application Menu 
    Anchor
    app-menu
    app-menu

    Applications are listed as cards.

    Image Added

    Tip

    The 

    Insert excerpt
    _app_menu
    _app_menu
    nopaneltrue
     displays the applications:

    • that have been configured to appear on  this menu. This is the default setting.
    • and that you have permission to use.

    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 Image Added Application menu
    • or the Image Added, if it is present.

    Each application card also has a 

    Insert excerpt
    _more_options
    _more_options
    nopaneltrue
      popup menu; see Application Properties for details.

    Learn More

    Child pages (Children Display)


    HTML Comment
    hiddentrue

    Iframe
    srchttps://www.youtube.com/embed/P0EeO3bknzk?&rel=0&ytp-pause-overlay=0&list=PLbPt6SI1Zhb8qj71LnwezubFuF7yXWp60
    width650px
    height400px