Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
AnchortoctocThis page guides you through the Sandbox Demo which is installed as an Application in the repository. The Quick Start takes about  30 minutes to complete. To access the demo, and follow these instructions from within PhixFlow:
  • Run your PhixFlow installation. If necessary:
  • Switch to  Insert excerpt_design_mode_design_modenopaneltrue
  • Expand the Applications branch.
  • Expand the Help Viewer.
  • Developing an application in PhixFlow is a simple process:

    Add screenshot here

    Table of Contents
    stylenone

    Anchor11Introduction

    Use the videos and instructions in this 30 mins Quick Start Guide to create a simple application.

    PhixFlow is a flexible platform that can help you to manage your data. This Quick Start Guide introduces the process you can follow to build an application:

  • Set up a PhixFlow application
  • Define your data
  • Load the data into PhixFlow
  • Create a screen to maintain your data

    Image Added

    Watch the Video

    To illustrate the process, you will create a simple analysis model and build an application to view and update its data. 

    PhixFlow has a lot of different options and settings. So that you can work through the process, some things are already set up for you:

    • the Excel spreadsheet which you can download from here
    • styles, set as system/application defaults, so that PhixFlow knows how to format data tables - which we call grids
    • a palette of application components that you can drag onto the layout.
    • styles that control the colours and appearance of the screen

    Image Removed

    You can change things

    All the "bits" you have added to the dashboard are stored in the repository, in a branch called Layouts.

    If you expand the Business Editor Form > Business Body > Form Content Container > Form Column Container 1x2, you can see how  different parts of the dashboard are repository items that are nested. These items and their container-contained relationships have been created automatically when you drag in the components from the palette. 

    From the palette, the form body is fixed at a 50-50 split.  Double-click on Column 1 to open its properties.

    Expand the Style Settings section

    untick AutoSize

    Now PhixFlow sets the size of area showing the fields based on their  field width,  leaving more space for the description.

    Add Update actions

    First Tab is for Business Details

    Right click and create a new form

    From the Theme 1 Template drag a “Form Inner” onto the display area

    Drag the attributes from the Business Stream onto the left column

    Drag Description onto the right side.

    Image Removed

    Image Removed

    Change the header to Business details

    Make the header "Dynamic" to use a the data from the attribute

    Initially the form does not change whith selected 

    Drag UID onto form. 

    Creates a backgound filter to use the UID to decide which is selected. See properties and say yeas

    Add a sort order. If you update without a sort order, updated data

    Without audit it overrides the entry in situ. Audit - marks old record as invalid and makes a new stream set. Without sort order - moves to the bottom. Sort by name, uid - use the dasboard.

    LOcking and unlocking the layout

    CRUD the data

    Connecting the data in the grid at the top  to the form at the bottom of the dashboard.

    At the moment, the data at the top of screen is in a random order.

    • we want to sort the data

    The bottom screen only shows the first record

    we want the form to show the record we have selected

    In the grid at the top, hover to show the filter icon. Drag it onto the blue background of the form in the bottom and confirm.

     PhixFlow opens a properties tab with Filter Details that shows how the filter works.

    You can rename it to something more meaningful, such as By_UID.

    Where does this filter get stored in the repository????

    We want to do the header

    that looks like this:

    Iframe
    srchttps://www.youtube.com/embed/cwGuTCDbZLw?rel=0
    width900px
    height500px

    Insert excerpt
    _video_controls
    _video_controls
    nopaneltrue


    Now you can get started with: Step 1 - Set up an Application Container