Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
This guide shows you how to create a simple screen.  Anchortoctoc

Table of Contents

Introduction  Anchor11

Use your PhixFlow sandbox to make a simple application. This application will have a single screen, called a layout, that displays data and lets you create, read, update or delete (CRUD) data records. You can additionally add comments.

Some things are already set up for you:

  • a simple model to provide the data.
  • a palette of components that you can drag onto the layout.
  • styles that control the colours and appearance of the screen.

Remember that you can:

  • build models using your own data stored in external databases or files. The Introduction to Modelling Course teaches you how to do this.
  • set up your own styles and palettes to create completely customised layouts. The Building Applications Course goes through this process.
  1. Add buttons for actions
    1. Add a "floating" form to add a description.
    2. Add the action to update stream
    3. Show the form in action - that is is always on top, and that save also closes the pop-up. 
  2. Linking forms together
    1. Add a comments stream to the model
    2. Add comment cards
    3. As layouts are not a fixed structure, but "flow" their order in the repository is important. To reorder an item, you don't drag it in the layout, but in the repository.
    4. Add actions to the card
    5. Show the audit attributes on the card
    6. Add comments on the card.
Create an Application  Anchor22

Create your application: It is created with default options

Create the Data  Anchor33
  1. Pull in an existing file
  2. Advanced: PhixFlow can connect to databases or load from files or...
  3. Open the model and view the data - simple stream
Expand
titleExplore the possibilities
  • Think about data first - ERD
    scroll down the properties - there are lots of options that you can set for your application
Add a View  Anchor44
  1. Create a view of your data
    1. add dashboard/form/layout
    2. use splitters to lay out the area
    3. Add the grid
    4. Change the attributes shown in the grid - remove the audit attributes
Expand
titleExplore the possibilities

You can show data as a table, but also as charts

Image Removed Previous                    Back to Contents               Next  Image Removed

Create forms to edit your data  Anchor55
  1. Use the palette to add a form (an "inner" form is part of a bigger layout with header, body, footer)
  2. Show that you can edit content (CRUD)
Expand
titleExplore the possibilities

Forms can have headers, footers, bodies, buttons, drop-downs, fields

Anchor66

Create forms to edit your data

Use the palette to add a form (an "inner" form is part of a bigger layout with header, body, footer)

Show that you can edit content (CRUD)

Title  Anchor77

text

Title  Anchor88

text

Title  Anchor99

text

Title  Anchor1010

text

Title  Anchor1111

text

Title  Anchor1212

text

Title  Anchor1313

text

Title  Anchor1414

text

Title  Anchor1515

text

Title  Anchor1616text

Use the videos and instructions in this 30 minute 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:

Child pages (Children Display)

Image Added

Watch the Video

To illustrate the process, you will create an application that looks like this:

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

Insert excerpt
_video_controls
_video_controls
nopaneltrue

Check Your Setup

Before starting, log into PhixFlow. In the bottom right, click 

Insert excerpt
_palette
_palette
nopaneltrue
 to open the palette tab and look for Theme 1 - App Builder 

Image Added

If you do not have the palette, your or your administrator can import it.

Expand
titleHow to import the palette
  1. Download the theme file: config_Theme1_20190625.xml.
  2. Log into PhixFlow.
  3. In the bottom right of the PhixFlow window, click 
    Insert excerpt
    _administration
    _administration
    nopaneltrue
     Menu.
  4. Select Import Configuration.
  5. Browse to and select the theme file and click Open.
  6. Click 
    Insert excerpt
    _upload_button
    _upload_button
    nopaneltrue
     and click 
    Insert excerpt
    _dialog_finish
    _dialog_finish
    nopaneltrue
    .
  7. Ignore the password prompt and click 
    Insert excerpt
    _dialog_finish
    _dialog_finish
    nopaneltrue
     again.
  8. PhixFlow loads the palette. This may take a few seconds.
  9. To check the palette is loaded, In the bottom right, click 
    Insert excerpt
    _palette
    _palette
    nopaneltrue
     to open the palette tab and look for Theme 1 - App Builder 
    Image Added
Note

This theme is provided by PhixFlow. It may be overwritten when PhixFlow is upgraded to the next version. If you want to adapt this palette, please take a copy and make your changes there.



Now you can get started with step 1 - set up an application container.