To follow the steps in the video, you will need some resources. Download media.zip and extract the files.
GUI Screen Structure
Before getting started, it helps to understand the levels of structure in typical GUI screen, as shown in the following picture.
You can download and print this image: PDF Quick Reference Sheet.
The way a GUI screen is made up of levels of content is reflected in the PhixFlow repository. When you are working on a dashboard, right-click on any layout component and click Find in Repository. You can see where the item is within the levels of the dashboard structure.
Steps to create an application
Step 1. Create an application.
...
- Unlock the dashboard (or switch back to
).Insert excerpt _design_mode _design_mode nopanel true - Right-click the dashboard and click Show View Configuration.
- In the stream view properties tab → Advanced → Periods clear the box and save the properties.
- In Basic Settings → Default Sort Order click
.Insert excerpt _add _add nopanel true - In the new sort order properties set Name: By Name and Save
- In the sort order properties → Sort Order Attributes click
.Insert excerpt _attributes_show _attributes_show nopanel true - In the popup list of attributes, select Name and drag it into the list.
- Save the sort order properties.
- Save the stream view properties.
- Close the popup list of attributes
- In the stream view properties tab:
- Advanced → Autosave: tick. PhixFlow automatically saves any changes to the view.
- View Attributes, click Name to open its properties tab and in Grid Settings → Read Only: untick and save. This means users can change the Name field for records when using the application in
.Insert excerpt _app_mode _app_mode nopanel true - View Attributes, click AnnualTurnOver to open its properties tab and in
Resize
Add scroll to show content
Remove auto size so the content determines the size.
Set the height to 550px
Update the Tile header and icon.
Update the main header and icon.
Drag UID from the grid onto the background to setup a filter.
Add a new record.
Edit the view:
Clear the number of periods.
Set the default sort order.
Set Name to be editable.
...
- Basic Settings → Number Format, select Sterling and save.
- In the dashboard upper tile, click the Customer Since header. (This is another way to open the properties tab for an attribute.) In Basic Settings → Date Time Format, select a different format, for example Date(MMM-YYYY). Save the changes.
- In the dashboard upper tile, drag column dividers to resize columns.
Add new tile: Comments
Creating Comments Section
...