| Insert excerpt | ||||||||
|---|---|---|---|---|---|---|---|---|
|
Training Exercise
You have now learnt how to create and configure simple Actionflows in PhixFlow. To reinforce the techniques you have learnt, complete these assignments. Note: A training instance is required to complete these assignments.
Don't worry, this is not an exam. You can use the Help to broaden your understanding and assimilate knowledge. A number of hints have been provided; use these if you are struggling as each hint gives you more information on the solution.
.
| Expand | ||
|---|---|---|
| ||
Remember to close and reopen your screen if you do not see the changes you expect. |
Assignment 1
Difficulty Level: 
Task 1
On the Menu (screen), configure the Students button to open the Student Management screen.
.
| Expand | ||
|---|---|---|
| ||
| Expand | ||
|---|---|---|
| ||
Actionflow Setup
|
Task 2
Configure the Save and Delete buttons on New Student Form screen to save and delete data in the School Students table.
.
| Expand | ||
|---|---|---|
| ||
See 1.09 Save Action Configuration and 1.12 Delete Action Configuration. |
| Expand | ||
|---|---|---|
| ||
Save Actionflow Setup
Delete Actionflow Setup
|
Assignment 2
Difficulty Level: .png?version=1&modificationDate=1708688778594&cacheVersion=1&api=v2&width=30 "Medium"){kind=small}
Task 1
On the Student Management screen, when a new student is created using the New Student button, we want the Intake Year field on the New Student Form screen to be prepopulated with the current year in the format, YYYY.
.
| Expand | ||
|---|---|---|
| ||
Modify the Actionflow on the New Student button on Student Management screen. |
| Expand | ||
|---|---|---|
| ||
Use one of PhixFlow's Functions to retrieve the current year. What type of Action Node can perform a function? |
| Expand | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
Use the dateGet function in an Output Attribute in a
|
| Expand | |||||
|---|---|---|---|---|---|
| |||||
When creating your Output Attribute, set the Type as Integer. Your Expression should be:
Note: The function now can also be used. This will return the date with a Type of String and requires the field that is being mapped onto to have a Type of Date set. |
| Expand | ||
|---|---|---|
| ||
Check your mappings all the way through the Actionflow and remember to map your new Output Attribute onto the IntakeYear field. |
| Expand | ||
|---|---|---|
| ||
Actionflow Setup & Mappings
Note: The function now is also an acceptable solution - see Hint 4. |
Task 2
When a new student is saved, we want a confirmation screen to appear that allows the save to be confirmed or cancelled.
Bonus Task: add a static text component to the confirmation screen with the Display Text, "Are you sure you want to create the new student,". In the Actionflow, map the name of the new student onto the dynamic text component, Message.
.
| Expand | ||
|---|---|---|
| ||
Firstly, create a confirmation screen using the Confirmation template. See 1.13 Confirmation Message Configuration. |
| Expand | ||
|---|---|---|
| ||
Modify the Save Actionflow on the New Student Form screen. |
| Expand | ||
|---|---|---|
| ||
|
| Expand | ||
|---|---|---|
| ||
Actionflow Setup & Mappings
|
Task 3
Set up the Students grid on the Student Management screen to contain a button in the Web column that open the student's website when clicked. Use the Action Icon
| Insert excerpt | ||||||
|---|---|---|---|---|---|---|
|
Unhide the WebIcon attribute by right-clicking the grid and selecting
.Insert excerpt _view_show_config _view_show_config nopanel true - In the View Attributes section, double-click the WebIcon attribute to open the
Insert excerpt _property_tabs _property_tabs nopanel true - In the Grid Settings, untick Always Hidden
- In PhixFlow version 11.1 onwards, this option is on the
Insert excerpt _property_tabs _property_tabs name style nopanel true - Note the other hidden attribute, Website, this contains the URL. Leave this attribute hidden.
- In PhixFlow version 11.1 onwards, this option is on the
.
| Expand | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
Set up the Actionflow and icon style by clicking the WebIcon header in the grid. In the Properties for the WebIcon View Attribute, click the
Set an Action Method of Actionflow and create a new Actionflow. |
| Expand | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
This Actionflow has a similar setup to 1.14 Open URL Action Configuration, except it does not require a
|
| Expand | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||
For the Action Icon Style, click
|
| Expand | ||
|---|---|---|
| ||
Icon Style and Grid Setup
Actionflow Setup & Mappings
|
Assignment 3
Difficulty Level: .png?version=1&modificationDate=1708698111673&cacheVersion=1&api=v2&width=30 "Hot"){kind=small}
Task 1
When a new student is created on the New Student Form screen, we want the form to contain validation. Create a new validation rule stipulating:
- the Name field is mandatory
- the Name field must contain at least 3 characters
- the Name field must adhere to the pattern, ^[A-Za-z\s-]+$
.
| Expand | ||
|---|---|---|
| ||
Remember validation is setup on the inner input field. |
| Expand | ||
|---|---|---|
| ||
Setting a field as mandatory is configured using the tick box and toggle button in the Validation section of the Properties tab. |
| Expand | ||
|---|---|---|
| ||
Create a new validation type with the following settings: Base Type: Minimum Length: Pattern: |
| Expand | ||
|---|---|---|
| ||
Screen Setup
|
Task 2
We want the status of a course to be dynamically updated to On Hold if the associated classroom's status is changed to Unavailable.
On your ERD, add an attribute to the School_ClassRooms data, with the name,
ClassroomStatus, a Type of String and a blank Expression- On the Classroom Availability Management screen, add in the attribute you just created
- Set up the screen so that the status can be changed using a fixed (custom) drop down list with the values, Available and Unavailable
- Your screen setup should look similar to this:
- Your screen setup should look similar to this:
.
| Expand | ||
|---|---|---|
| ||
Configure the Save Actionflow on the Classroom Availability Management screen. |
| Expand | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
Use a
|
| Expand | ||
|---|---|---|
| ||
Screen Setup
Actionflow Setup & Mappings
Output Attribute in Calculate Action
Actionflow Setup & Mappings
|
Task 3
We want to see a list of the courses that each student is enrolled on. Set up the Courses Enrolled button, using a lookup, on the Student Management screen that populates the Student is enrolled in tile.
- Map onto the string field, CourseIDFromView
Bonus Task: Map the student name onto the dynamic text component, StudentName, so that when the Courses Enrolled button is pressed, the selected student name shows.
.
| Expand | ||
|---|---|---|
| ||
When creating your Lookup, you'll need to select the primary table, School Course Attendees. |
| Expand | ||
|---|---|---|
| ||
Once your Actionflow is setup and the CourseID is being mapped into the CourseIDFromView field, remember to create a background filter. |
| Expand | ||
|---|---|---|
| ||
Actionflow Setup & Mappings
Output Attributes in Calculate Action
Lookup Mappings
Actionflow Setup & Mappings
Background Filter
|
.
Once you have verified your Actionflow is working, finish by hiding the tile (Column 2) that contains the CourseIDFromView string field.
