Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 9 Next »

Error rendering macro 'multimedia' : com.atlassian.renderer.v2.macro.MacroException: Cannot find attachment 'Demo Build Step 4 Create Screens.mp4'

How to

 Step 1 Add a Form
  1. Right-click and add a 
    Error rendering macro 'excerpt-include' : No link could be created for '_bar_horizontal'.
    .
  2. Right-click and select Create New Form, and enter a name.
  3. Open the  Palette and expand the section pf AppBuilder (Theme 1).
  4. Drag in Form Title and name it Title.
  5. Drag in Form Body and name it Business Body.


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

 Details


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


 Step 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  Apply.
  2. In the dashboard, double-click on Dynamic and 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 UID column header and drag the filter symbol onto the form and confirm.

  4.  PhixFlow opens a properties tab with Filter Details that shows how the filter works. Click  Apply and Close to close it.

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


 Step 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.
 Details

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

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

    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.

    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
Previous PageFinished!
  • No labels