Test Your Knowledge

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.  

Assignment 1

Difficulty Level: 

1. Configure the Students button on the Menu (screen) to open the Student Management screen  

   1. 
      

      Expand
      title Hint (Which Action Node?)
      See 1.07 Open Screen Action Configuration

      
      

2. Configure the Save and Delete buttons on New Student Form screen to save and delete data in the School Students table

   1. 
      

      Expand
      title Hint (Which Action Nodes?)
      See 1.09 Save Action Configuration and 1.12 Delete Action Configuration

      
      

Assignment 2

Difficulty Level: 

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 

   1. 
      

      Expand
      title Hint 1 (Which Actionflow?)
      Modify the Actionflow on the New Student button on Student Management screen.

      
      

      
      

   2. 
      

      Expand
      title Hint 2 (How to Show the Current Year)
      Use one of PhixFlow's Functions to retrieve the current year.  What type of Action Node can perform a function?

      
      

      
      

   3. 
      

      Expand
      title Hint 3 (Which Action Node?)
      Use the dateGet function in an Output Attribute in a  Insert excerpt _action_calculate _action_calculate nopanel true  action. See 1.11 Calculate Action Configuration.

      
      

   4. 
      

      Expand
      title Hint 4 (Helpful Reminders)
      Check your mappings all the way through the Actionflow and remember to map your new Output Attribute onto the IntakeYear field.

      
      

2. When a user tries to save a new student, we want a confirmation screen to appear that allows the save to be confirmed or cancelled
   1. 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

   2. 
      

      Expand
      title Hint 1 (Which Actionflow?)
      Modify the Save Actionflow on the New Student Form screen.

      
      

   3. 
      

      Expand
      title Hint 2 (Confirmation Screen)
      Create a confirmation screen using the Confirmation template. See 1.13 Confirmation Message Configuration.

      
      

   4. 
      

      
      

      Expand
      title Hint 3 (Bonus Task)
      From the palette, add a Header 1 - Static component to the screen and add the Display Text specified above.  Within the Confirmation phase of the Save Actionflow, add a  Insert excerpt _action_calculate _action_calculate nopanel true  between the input node and the Open Screen node. Add an Output Attribute with the Expression: Code Block theme Emacs in.Name Map the Output Attribute onto the Message dynamic text component.

      
      

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
   _styles_ccs _styles_ccs nopanel true

   , WebsiteIcon
   1. Web icon: 

   2. 
      

      Expand
      title Hint 1 (Displaying WebIcon Attribute)
      Unhide the WebIcon attribute by right-clicking the grid and selecting  Insert excerpt _view_show_config _view_show_config nopanel true . Note the hidden attribute, Website, this contains the URL. Leave this attribute hidden.

      
      

   3. 
      

      Expand
      title Hint 2 (Creating Actionflow and Icon Style)
      Set up the Actionflow and icon style by clicking the Web header in the grid. In the Properties for the WebIcon View Attribute, click the  Insert excerpt _property_tabs _property_tabs name action nopanel true .

      
      

   4. 
      

      Expand
      title Hint 3 (Icon Style)
      For the Action Icon Style, click  Insert excerpt _styles_ccs_list _styles_ccs_list nopanel true  to see the preconfigured styles in the app. Drag the WebsiteIcon style into the Action Icon Style box on the  Insert excerpt _property_tabs _property_tabs name action nopanel true , or you can create your own style using the WWWIcon.

      
      

   5. 
      

      Expand
      title Hint 4 (Actionflow)
      This Actionflow is the same as the one setup in 1.14 Open URL Action Configuration, except the Expression for the Output Attribute is: Code Block theme Emacs in.Address

      
      

Assignment 3

Difficulty Level: 

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:
   1. the Name field is mandatory
   2. the Name field must contain at least 3 characters
   3. the Name field must adhere to the pattern, ^[A-Za-z\s-]+$

   4. 
      

      Expand
      title Hint 1 (How to set validation)
      Remember validation is setup on the inner input field.

      
      

   5. 
      

      Expand
      title Hint 2 (Mandatory)
      Setting a field as mandatory is configured using the tick box and toggle button in the Validation section of the Properties tab.

      
      

   6. 
      

      Expand
      title Hint 3 (New Validation Type)
      Create a new validation type with the following settings: Base Type: String Minimum Length: 3 Pattern: ^[A-Za-z\s-]+$

2. We want to see a list of the courses that each student is enrolled on. Set up a button, using a lookup, on the Student Management screen that opens the Courses Enrolled screen with this information on 

3. 1. 
      

4. We want the status of a course to be dynamically updated to On Hold if the associated classroom's status is changed to Unavailable (use drop down, define the statuses)
   1. Add an attribute to the School_ClassRooms data, with the name, ClassroomStatus, a Type of String and a blank Expression
   2. Use the Classroom Availability screen to change the classroom status  
5. We want to see a list of the courses that each student is enrolled on. Set up a button, using a lookup, on the Student Management screen that opens the Courses Enrolled screen with this information on
   1. 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
      1. Image Added