Versions Compared

Version Old Version 6 New Version 7
Changes made by

Fiona Sargeant

Fiona Sargeant

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Expand
titleStep 2 Add fields to the form
  1. 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
    • 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.
  2. In the stream properties, select the attributes UID through to Active
  3. Shift-Drag the attributes onto the left of the form.
  4. Shift-drag the Description attribute onto the right of the form. PhixFlow automatically adds an editing toolbar to the area.

Your form should now look like this:

Notice that when you select different data records, currently the form display does not change. But we want the form to display the currently selected record.

Expand
titleDetails


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


...

expand
Expand
titleStep 3 Connect the from to the data
  1. In the dashboard, double-click on Header Fixed and change text properties → Display Text  to Business Details and 
    Insert excerpt
    _save
    _save
    nopaneltrue
    .
  2. In the dashboard, double-click on Dynamic and change text changetext properties → Name field to be the same as business name attribute: Name
    This means the "Dynamic" part will display the name of whichever business is selected

  3. Hover over the grid row UID column header and drag the filter symbol onto the left area of the form. This connects the data to the formno 

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

  4.  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????

Now PhixFlow sets the size of area showing the fields based on their  field width,  leaving more space for the description.

  1. Click 
    Insert excerpt
    _finish
    _finish
    nopaneltrue
     to close it.

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


Expand
titleStep 4 Add more information
  1. From the palette, drag a Form Content component onto the blue form background and name it Map Area.
  2. From the palette, drag a Google Map component onto the new area.
  3. Lock the layout.
  4. The map now displays the post code location of the business.
Expand
titleDetails

  • To change the fixed 50/50 split for the form:


    1. Look in the repository, to see all the components of the dashboard Layout.
      Image Modified

    2. Expand Business Editor Form → Business Body → Form Content Container.
    3. Double-click Form Column Container 1x2 to open its properties.
    4. Expand the Style Settings section
    5. Untick AutoSize


    Now PhixFlow sets the size of area showing the fields based on their  field width,  leaving more space for the description.

Details
Expand
title

  • You can change things

  • Names - double click on the dashboard or find them in the repository.
  • 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


...