- Right-click and select Create New Form, and enter a name.
- Open the
Show Palettes and expand the section pf AppBuilder (Theme 1). - Drag the Form Title into the form and enter the name
Title. - Drag in the Form Body and enter the name
Business Body.
- 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 Show Palettes 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.
- 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 stream properties, select the attributes UID through to Active
- Shift-Drag the selected list onto the left of the form body.
- Shift-drag Description into the right side of the form body.
Your form should now look like this:
To change the header:
- In the Dashboard, double-click on Header Fixed.
- In the text properties → Display Text field, change the name to
Business Details:and
Save. - In the dashboard, double-click on Dynamic
- 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:
- Look in the repository, to see all the components of the dashboard Layout.
- Expand Business Editor Form → Business Body → Form Content Container.
- Double-click Form Column Container 1x2 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.
- 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