Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

...

Test Example 12:

  1. Test the flow to the Client Approval step. Approve the PO.
  2. Logon as the sales person (designer).
  3. Click the Important Items tab then click the Task List.
  4. Click the quick view icon. The Quick Approval screen will display.

     

  5. If the client did not approve the PO and sent it back to frevvo with comments, the Sales Person can click the Details button to view those remarks.
  6. Notice the text we added as the Quick Approval summary appears at the top.
  7. Add a comment and click Approve. You will see the message "Task Successfully Approved".
  8. Notice the Sales Approval section displays on the Sales Review, Manager and VP Approval steps.
  9. Complete the flow.

Example 13 - PageBreak for Mobile

What do you have to do to run the PO flow on an iPad or iPhone? Nothing!!!! 

Frevvoproduct
 automatically breaks up the form into steps and adds Back and Next buttons.
Frevvoproduct
 uses the device’s features to make the mobile experience easier for the user e.g. specialized keyboards. 

If you want to specify where the logical breaks are, you can use the PageBreak control to break the PO step into small logical pieces. For example, our PO has Instructions, Sales Information, Client Information and Client Services Order sections. In this example, we will use the PageBreak control to display the Instructions, Sales and Client Information sections on the same screen on an iPad and and on two separate screens on a smartphone. We will add another PageBreak control to display the Client Services Order section on a separate screen on both devices.

Modify the PO step:

  1. Login to your Live Forms tenant as the designer user.
  2. Edit the Purchase Order Application then edit the Purchase Order Workflow.

  3. Click the PO step then click the  Edit icon.
  4. PageBreak controls in your workflow display by default. If you want to hide them while you are developing your workflow, click the show/hide page breaks icon in the toolbar once.
  5. Drag a PageBreak control from the palette and drop it below the Sales Information section. Click on it and uncheck Tablet. This PageBreak control will only be recognized on an iPhone. 
  6. Drop a PageBreak control from the palette and drop it between the Client Information and Client Services Order sections.
  7. Leave the Phone and Tablet checkboxes checked.

  8. Click the  save and test icon. The Save and Test feature saves the changes to your flow and allows designers to test forms/flows without leaving the Flow designer.   

Test Example 13:

  1. When you click the  save and test icon, you will see the desktop view. The Instructions, Sales Information, Client Information and the Client Services Order sections display on the same screen. 
  2. Click the Tablet icon at the top. The Instruction, Sales Information and Client Information display on the same screen, as expected, since the first PageBreak was setup to be recognized on the phone and not the tablet,  The second PageBreak was setup to be recognized by the phone and the tablet so you will have to click Next, to see the Client Services section.

  3. Click the Phone icon at the top. You will see the Instructions and Sales Information sections only. The first PageBreak was setup to be recognized on the phone so you will have to click Next, to see the Client Information section.  The second PageBreak was setup to be recognized by the phone and the tablet so you will have to click Next, to see the Client Services Order section.
  4.  Close the Test window. Click the Cancel changes icon twice to exit the Flow Designer.

Example 14 - Fast Finish

In this example, we will switch to an Employee On-boarding workflow to demonstrate the Fast Finish feature. This feature adds a Finish button that allows the user to fast forward through a screenflow. It is very useful if your screenflow contains a lot of steps. Let's consider this scenario:

A new employee starts their first day at your company and needs to provide their information. The employee is handed an iPad with a link to an Employee Onboarding workflow that is used to collect basic information,  W - 4 allowances and Education information. When completed,  the new employee clicks the Continue button and the flow is routed to their manager for approval. If approved by the manager, the flow is routed to HR for final processing.

Imagine the employee completes the flow through the Confirmation step and then decides to navigate back to make a change to the Employee Information step. Without a fast finish button the screen flow will make the user review each step  - Employee Info, W-4, Education Info and Confirmation in order to submit the forms to the manager for approval. But by adding Fast Finish the new employee can now click on the Finish button and (as long as all required fields are complete and valid in all other flow steps) immediately submit the forms to the manager for approval.

We will use the Navigation toolbar at the top to navigate back and forth between the steps of the flow. We will configure Fast Finish on the first three steps. We will also need to add another role, HR and another user, Pam who has the HR role, to test it.

Add a Role and User:

  1. Login as your tenant admin.

  2. Create a new role -  HR.

  3. Add a new user pam and give her the role HR. Logout.  

Review the workflow:

  1. Browse one of these URLs:
    1. https://app.frevvo.com - if your
      Frevvoproduct
      tenant is in the frevvo Cloud
    2. http://<server>:<port>/frevvo/web/login - if your
      Frevvoproduct
      tenant is in-house. Replace the <server>:<port> with the information for your in-house server.
  2. Login as the designer.  Edit the Purchase Order Completed or Purchase Order application.
  3. Click the Flows tab. Edit the Example 14 - Fast Finish workflow.
  4. Click on the Employee step.
    1. Notice the Fast Finish property is checked in General settings on the Property panel.
  5. Click on the Allowances step.
    1. Notice the Fast Finish property is checked in General settings on the Property panel.
  6. Click on the Education step.
    1. Notice the Fast Finish property is checked in General settings on the Property panel.
  7. Click cancel changes icon to exit back to the Flows Home Page in the flow designer.

Test Example 14:

  1. Click the Test icon for Example 14 - Fast Finish

  2. The Employee Information step prefills the user name and uses the Geo-location feature to capture the user's location.  All browsers will show a pop up asking the user's permission to use their location. Click  to give permission.

  3. Fill in the other required fields. Click Continue.

  4. Fill in the W - 4 Allowances. Notice the Total Allowances field is updating as you enter values for the other allowances. this calculation is done using a business rule. Sign then click Continue.
  5. Fill in the Education Information step. Notice if you check "yes"  for the "Permission to access college transcript" question a table requesting additional information displays. This is controlled by a show/hide business rule. Click Continue.
  6. On the Confirmation step, click Review Your W-4 form. The W - 4 will open in a separate browser tab merged with the data you entered.  This is an example of the 
    Frevvoproduct
     
    Pixel-perfect PDF generation feature.
  7. While reviewing the pdf, you realize you made a mistake when entering your social security number.  Close the pdf. 
  8. Click the Employee Information step in the Navigation toolbar at the top.
  9. Make a change to the SSN. Click the Finish button.
  10. The flow will skip the Allowances and Education information steps and return you immediately to the Confirmation step.
  11. Review the pdf to verify the updated SSN is now displaying. Close the pdf.
  12. Sign then click Send to Manager.
  13. Logout as the designer.
  14. Login as Jerry. Perform the task. Add a comment and sign. Click Send to HR.
  15. Logout as jerry.
  16. Login as Pam and complete the flow. 
  17. Logout of
    Frevvoproduct
    .

Example 15 - Summary

In this example, we will add a Summary step to the Employee Onboarding flow. This will simply display a Summary view of all the data that has been entered into the various steps of the flow prior to the Summary step. Previously completed steps in a workflow can be viewed by all users but editing data is only allowed for the currently logged in user. Clicking on the Details button navigates to the selected step for viewing/editing. 

We will change the Navigation property to a different format and use the Summary step to navigate back to a previous step.  

Review the workflow:  

  1. Login as the designer.  Edit the Purchase Order Completed or Purchase Order application.
  2. Click on the Flows tab. Edit the Example 15 - Summary workflow. 
  3. Click on the toolbar to display the workflow properties.
  4. Notice the Navigation toolbar is set to Percent. The progress of the workflow displays as a percentage when this option is selected.
  5. Click the Setup Searchable and Summary Fields tab on the Properties panel. Designers select the workflow fields to display in the Summary step using this wizard. Note most of the fields in the workflow have been selected to display in the Summary Step.
  6. Clicking on the Searchable fields tab shows the First and Last Name fields in Step 1 have been setup as Searchable Fields. They can now be used as search criteria when searching submissions.
  7. Notice the Summary step between the Education and Confirmation Step. The Summary step displays the fields selected with the Setup Searchable and Summary Fields wizard and all the data that has been entered into these fields prior to the Summary step. Clicking on the Details button navigates the user to the selected step for viewing/editing.
  8. Click cancel changes icon to exit back to the Flows Home Page in the flow designer.  

Test Example 15:

  1. Click the Test icon for the Example 15 - Summary workflow.
  2. Run the flow. Notice the percent completed is displayed at the top
  3. On the Summary step, click the Details button on a previous step to view the entered data.
  4. Change a value in one of the fields.
  5. Click the Continue or Finish button on the rest of the steps.
  6. Complete the flow.

Example 16 - Save on Navigate

Imagine a large workflow with many steps - let's say 30. You are filling in the screens and when you get to screen 25 you accidentally close your browser! None of the entered information is saved and you will have to begin all over again. Unless you check the Save on Navigate checkbox for the flow.  This feature will automatically save the flow to your Task List. When you click the Perform icon to open up the task

Frevvoproduct
returns you to the last step where data was being entered. If you navigate to previous steps, all entered data displays.

Review the workflow:  

  1. Login as the designer.  Edit the Purchase Order Completed or Purchase Order application.
  2. Click on the Flows tab. Edit the Example 16 - Save on Navigate workflow.
  3. Click on the toolbar to display the flow property panel. Notice the Navigation property is set to Navigation Toolbar and the Save on Navigate checkbox is checked to turn the feature on.
  4. Click cancel changes icon to exit back to the Flows Home Page in the flow designer.    

Test Example 16:

  1. Click the Test icon for the Example 16 - Save on Navigate workflow..
  2. Fill in the Employee Information and Personal Allowances steps in the New Employee On boarding workflow.
     
  3. Fill in the first column of the first row of table on the Education step.
  4. Close the browser.
  5. Open the browser again.
  6. Login as the designer.
  7. Click My Tasks. The unfinished task will be on your Task List.
  8. Click the  Perform icon.
    Frevvoproduct
    returns you to the step where you left off. If you navigate to the Employee and Allowances steps, you will see that the information was saved but the data that you entered into the first column of the table on the Education step is not.
  9. Continue entering data from this point to complete the flow.





...