Navigate to the previous work item

Recursive Selection

The user determines what locations are shown when the select the agency in the box on the left. Unfortunately they cannot even see any location information until they pick the agency. To make this easier on users, I have added numbered steps above the two boxes. I have also text inside the second/Locations box directing the user to move their attention back to the first/Agency box. Another thing to note is that when error messaging appears it disappears as soon as the issue is corrected, the user does not need to click the submit button again to clear the error messaging.
Navigate to the next work item

Agency & Location Example

Step 1Select an Agency




Step 2Select a Location

Locations appear once an agency is selected
All Locations
STRAWBERRY SCHOOL AGE CENTRE (A8513 - L1939)
PAPAYA SCHOOL AGE (A8513 - L1588)
MANGO TODDLER CENTRE (A8513 - L13246)
L'ORANGE MAISON MONTESSORI (A8513 - L7981)
APRICOT SCHOOL AGE PROGRAM (A8513 - L1942)
LOGANBERRY CHILD CARE CENTRE (A8513 - L1912)
PEACH PLAYSCHOOL (A6632 - L3276)
LYCHEE SCHOOL AGE PROGRAM (A6632 - L9861)
PLUM INFANT CARE (A6632 - L13451)
MANDARIN CENTRE (A6632 - L14821)
LIMEBERRY INFANT CARE (A6632 - L15132)
At least one agency and one location must be selected to submit the form.
Your form has been submitted.