You have created a dashboard 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.
| Multimedia |
|---|
| name | Demo Build Step 4 Create Screens.mp4 |
|---|
|
How to
| Expand |
|---|
|
- Right-click on the dashboard and click
| Insert excerpt |
|---|
| _bar_horizontal |
|---|
| _bar_horizontal |
|---|
| nopanel | true |
|---|
|
. You can adjust how far up the screen the bar should be. PhixFlow automatically adds a scroll bar to the data table. - Right-click on the lower white area, and select Create New Form, and enter the name
Business Entry Form.
PhixFlow adds an empty blue form area. - In the bottom right of the PhixFlow window, click on the
| Insert excerpt |
|---|
| _palette |
|---|
| _palette |
|---|
| nopanel | true |
|---|
|
icon and expand the section pft1 AppBuilder (Theme 1).
A palette is a set of pre-made components, that make it quick and easy to lay out a form. - Drag in Form Title and name it
Title.
This adds a header area to the form. - Drag in Form Body and name it
Business Body.
This adds a split area and buttons to the form.
|
...
| Expand |
|---|
| title | Add a map of the business location |
|---|
|
- From the palette, drag a Form Content component onto the blue form background and name it
Map Area. - From the palette, drag a Google Map component onto the new area.
- Right-click in the dashboard and click
| Insert excerpt |
|---|
| _layout_lock |
|---|
| _layout_lock |
|---|
| nopanel | true |
|---|
|
.
This switches PhixFlow from editing the dashboard to displaying the dashboard as an application user would see it. - Click different rows in the data table. The map updates to show the location of currently selected business, using its post code.
|
What Next
Links