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 5 Next »

 Click here to expand...
  1. Right-click and select Create New Form, and enter a name.
  2. Open the  Palette and expand the section pf AppBuilder (Theme 1).
  3. Drag the Form Title into the form and enter the name Title.
  4. Drag in the Form Body and enter the name Business Body.
 Click here to expand...
  • 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. 

  • To access the pallets, go to the bottom right of the PhixFlow window and click the  Palette icon.
  • PhixFlow opens a tab. Each section has a set of pre-designed components  Expand the section pf AppBuilder (Theme 1).
  • Click on Form Title and drag it into the form. This component is going to create an area on your form. Enter the name "Title" This is the name of the component in the repository. This adds the header area to the form. It has two parts, a Fixed section, which you can overtype , and a dynamic, which we will link to the data.
  • Now drag in the Form Body and name Business Body.

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.



 Click here to expand...
  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
  2. In the stream properties, select the attributes UID through to Active
  3. Shift-Drag the selected list onto the left of the form body.
  4. Shift-drag Description into the right side of the form body.

Your form should now look like this:

 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.




 Click here to expand...

To change the header:

  1. In the Dashboard, double-click on Header Fixed.
  2. In the text properties → Display Text field, change the name to Business Details: and  Apply.
  3. In the dashboard, double-click on Dynamic
  4. In the text properties → Name field, change the name to be the same as business name attribute: Name

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.


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



 Click here to 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.

  • we want to sort the data

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

Previous PageNext Page
  • No labels