...
You have created a screen that displays the data. But you also want your users to be able to edit data records. So you will now add a form area to the dashboard.
Watch the Video
Iframe | ||||||
---|---|---|---|---|---|---|
|
Insert excerpt | ||
---|---|---|
|
...
|
...
|
...
- 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.
...
Tip |
---|
The palette has been improved since this video was made. Check the instructions below for the details of the palette components you need. |
Summary of Steps
Expand | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
|
...
|
...
|
...
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.
...
This adds a split area and buttons to the form, which now looks like this: |
Expand | ||
---|---|---|
| ||
|
...
|
...
|
...
|
...
|
...
Your form should now look like this:
...
|
...
- 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.
...
To change the header:
...
Your form should now look like this: The form is displaying the first data record. If you select different data records in the table, the form display does not change. But you want the form to display the currently selected record. To make this happen you need to connect the form to the data. |
Expand | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
To display the company name in the form title:
|
...
|
...
To change the fixed 50/50 split for the form:
- Look in the repository, to see all the components of the dashboard Layout.
- Expand Business Editor Form → Business Body → Form Content Container.
- Double-click Form Column Container 1x2 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.
Expand | ||
---|---|---|
| ||
|
Expand |
---|
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.
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???? |
...
To link the table content with the form content:
|
Expand | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
|
Expand | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||
You can now switch to a user-view of your application. In the bottom right of the PhixFlow window is an icon that shows you are currently in
Things to try:
|
Next Steps
You have now completed the PhixFlow Quick Start course. You have worked through the general process for using PhixFlow to create a simple application, and practiced the simple drag-and-drop techniques common in PhixFlow.
PhixFlow has many more features that you can use to build applications. You can learn more in the Building Applications training course.
If you are interested in loading and changing data using analysis models, try some of the Introduction to Modelling training course.