1. section Theme 1

1. - App Builder.
   A palette is a set of pre-made components, that make it quick and easy to lay out a form.
2. Drag in Form Title and name it Title.
   This adds a header area to the form.
3. Drag in Form Body and name it Business Body.
   Image Added

This adds a split area and buttons to the form, which now looks like this:
Image Modified

1. BusinessDataXY stream properties tab.
2. In the stream properties, select the attributes UID through to Active.
3. Shift-drag the attributes onto the left area.
   PhixFlow creates a set of form fields for the attributes.

4. Shift-drag the Description attribute onto the right area. 
   PhixFlow creates a field for the description. As this attribute has the type "bigstring", PhixFlow creates a field with

1. an editing toolbar, to make it easy to edit the description text.

   Expand
   title Why do I have to Shift-drag?
   When you drag components onto the form, PhixFlow could add them at the same level in the form structure: use Drag or inside a component: use Shift-drag. The form contains the Form Header and Form Body. Shift-drag tells PhixFlow you want the the properties and description to be contained by the Form Body.

   
   

Your form should now look like this:
Image Modified

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.

1.  to Business Details - and 

   Insert excerpt
   _save _save nopanel true

   .
2. In the dashboard,click on Dynamic and change its properties → Name to be: Name
   As PhixFlow knows there is an attribute called "Name", it will use the name value of the currently selected record in

1. the "Dynamic" area.
   Image Modified

To link the table content with the form content:

1. Click on the UID column header and drag it onto the form and confirm.
   This tells PhixFlow that the form should display the selected record in the grid.

2.  PhixFlow opens a properties tab for the filter. Click 

   Insert excerpt
   _finish _finish nopanel true

    to close it.

3. Now when you select a different record in the table, PhixFlow displays the selected record in the form.

1. Map Container component onto the blue form background and name it Map Area.
   

1. Image Added
2. 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.
3. Click different rows in the data table. The map updates to show the location of currently selected business, using its postcode.
   Image Modified

is an icon that shows you are currently in 

Things to try:

• In the data table, select any record

• , and notice that the form contents and map changes.
• Update a field in the form

• , and notice the data in the table changes. (Remember to click the Update button.)
• Add a description for a record. Add some formatting.