Developing an application in PhixFlow is a simple process:
Add screenshot here
Table of Contents | ||
---|---|---|
|
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:
- Set up a PhixFlow application
- Define your data
- Load the data into PhixFlow
- Create a screen to maintain your data
Child pages (Children Display) |
---|
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
Add a Dashboard
To view the data, create a dashboard.
that looks like this:
Iframe | ||||||
---|---|---|---|---|---|---|
|
Insert excerpt | ||
---|---|---|
|
|
|
Manage Contacts
and Check Your Setup
Before starting, log into PhixFlow. In the bottom right, click
Insert excerpt | ||
---|---|---|
|
|
|
Add a Dashboard
You can now create a dashboard that uses displays data from the stream. We do this using a Dashboard. We want to have a view of the whole grid, and a form showing details of one data record.
In the repository, find the Dashboards branch and right-click then selectto open the palette tab and look for Theme 1 - App Builder
If you do not have the palette, you or your administrator can import it.
Expand | ||||
---|---|---|---|---|
| ||||
|
|
|
Manage Contacts
and
|
|
|
|
|
|
Show the data
Add a horizontal bar
|
Expand | ||
---|---|---|
| ||
You can show data as a table, but also as charts Look and feel comes from default settings. You can change these |
Show the data
You want the top half of the dashboard to show the data and for the bottom half to have a form that displays details of the selected record.
- To split the dashboard horizontally, right-click on the dashboard and add a horizontal bar.
- It is very easy to show the stream data in the dashboard. Open the Business File stream properties tab. You can drag the stream icon from the tab onto the top half of the dashboard.
- PhixFlow needs to know how you want to show the data. Select the "Table" icon.
- PhixFlow needs to know which attributes you want to show. In this case we will only include some of them in the dashboard. We do not need the 4 Update* attributes. Click the box in the table header to select all the attributes then clear the ticks after "Description".
- Now drag the selected attributes into grey bar in the dashboard.
- Click X on the top right to close the attributes list.
Add a Form
Show all palletes
Application lego bricks - gui bits as palettes templates.
Drag purple form onto the dashboard pfApp Builder (inner) Business
Uses the template to add a form.
Note splitter is draggable to adjust the proportions and scroll bars added automatically.
What attributes do you want. In stream select attributes, select, shift-drag and drop. Adds attributes.
Description goes onto right
Add a form.
In the dashboard, right-click on the empty bottom half. and select Create New Form
Enter the name for the form and click > OK
PhixFlow adds a form background using the styles that have been set as defaults for this application.
You will now add the form fields using palettes - which are predefined layouts.
To access the pallets, go to the bottom right of the PhixFlow window and click the
|
PhixFlow opens a tab. Each section has a set of pre-designed components Expand the section pf AppBuilder (Theme 1).
Click on Form Title and drag it into the form. This component is going to create an area on your form. Enter the name "Title" This is the name of the component in the repository. This adds the header area to the form. It has two parts, a Fixed section, which you can overtype , and a dynamic, which we will link to the data.
Now drag in the Form Body and name Business Body.
Now PhixFlow had added more stuff, with two parts, including some buttons "New" and "Insert". We are going to use the left to show the selected record, and the right to show its description or a map - tbc
Now go back to your stream tab - which should be pinned. If the tab is not there, you can right-click on the top of the dashboard and select Show the Stream Configuration
In the list, click to select attributes you want to show on the form, In this case UID through to Active. Shift-Drag the selected list onto the left of the form body.
If you just drag and drop then PhixFlow does not know which area you want the data to be added to.
Notice that you can drag the horizontal splitter up and down to adjust the size of the the top and bottom panels of the dashboard. PhixFlow adds scroll bars if they are needed.
Now Shift Drag Description into the right side of the form body. PhixFlow automatically adds an editing toolbar.
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 formFrom 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.
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
|
Now you can get started with step 1 - set up an application container.