Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
This guide shows you how

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

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.

teps

  1. Create your application: It is created with default options
    • Advanced: 
      Think about data first - ERD
      scroll down the properties - there are lots of options that you can set for your application
  2. Create your data
    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
  3. Create a view of your data
    1. add dashboard/form/layout
    2. use splitters to lay out the area
    3. Add the grid
      Advanced: You can show data as a table, but also as charts
    4. Change the attributes shown in the grid - remove the audit attributes
  4. Create forms to edit your data
    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)
    3. Advanced: Forms can have headers, footers, bodies, buttons, drop-downs, fields
  5. 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. 
  6. 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.

macro

Title  Anchor22

text

Expand
titleExplore the possibilities

PhixFlow can also...

Title  Anchor33

text

Title  Anchor44

text

Title  Anchor55

text

Title  Anchor66

text

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  Anchor1616textapplication.

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:

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


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