...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
Widget Connector width 900 url https://www.youtube.com/watch?v=zCpKwNjrK40&index=2&list=PLbPt6SI1Zhb8CnWh7Gvopto7D6LEwcB9A height 500
Create a simple application that maintains a list of contact details. To recap the steps in the video:
Create a Simple Application
- Go to the repository browser , and create an application called Contact Manageran Application called
Contact Manager. - Under the new application, create an analysis model Analysis Model called
Contacts. - In the analysis model, create a stream called Contactscalled
Contacts. - Set the period Period of the stream to Transactionalto Transactional.
Add the following attributes to the stream:
Name
Type
UID*
Integer
FirstName
String
FamilyName
String
ContactNumber
String
Email
String
DOB
Date
JobTitle
String
Tip *UID is a special field name. If you create an attribute with this name, PhixFlow knows that it must automatically increment this value when a new record is added to the stream.
The UID is a unique identifier for each record, and it is used to link the two views on the dashboard in this example.- Within the repository browser, under the application Contact Managerapplication
ContactManager, create a dashboard called Contacts Dashboard calledContacts. - Open the configuration form for the stream Business stream
Contacts, and bring the new dashboard back to the front (you may need to . You can use the grey menu bar at the bottom of the application screen to do this). - Drag the stream icon from the configuration form onto the dashboard, to create a Grid View.
- Drag all attributes from the stream on to onto the header of the grid view.
- Split the dashboard by adding a Horizontal Bar.
- In the bottom pane, known as an Element, right-click and select Create New Form.
- Click on the pane (now — you are actually clicking on the form, but it is currently empty), in . In the form configuration that pops upopens, enter the form name: ContactDetails
ContactDetails. - Open the stream configuration:.
- In the top pane, right-click and select Show the Stream Configuration.
- Drag all the attributes from the stream into the lower half of the dashboard - for . For each one, an edit field will be created.
- Create an add Add button:.
- In the lower form, right-click and select Open Palette → Basic Palette → Basic Components.
- From the palette, drag a a button onto the form.
- Set the Name of the button to Add to
Add Contact. - Set the Action Type to Insert to Insert.
Save your changes.
Tip The Name of the button is internal - it . It is a good idea to make this as descriptive as possible, so that you can find this the button in your configuration and it is clear what this it does.
- Click over on the text in the button - this . This will open the configuration form for the button labelLabel.
- Update the Display Text of the Display Text of the label to Addto
Add. - Save your changes to the label.
- In the same way, add update
Updateand deleteDeletebuttons:.Updatebutton
- Name: Update Contact
- Action Type: Update
- Display Text of button label: Update
Deletebutton
- Name: Delete Contact
- Action Type: Delete
- Display Text of button label: Delete
- Link the two views: drag .
- Drag the column
- header for
UIDfrom the top grid view onto the
- lower form.
- This automatically creates a Background Filter, which determines the data that will be displayed. This filter can be access byRight
- To access this filter, right-click the lower
- part of the dashboard
- .
- Select Show Element Details.
- Under Background Filter Rules, we can see the rule that has been
- created. This can be edited if necessary.
To try out your app, go Go into App Mode.
Try Try adding some records, updating and deleting some records.
| Panel |
|---|
Next video: 2. Styling Applications |