...
Modal Header: ‘Browse Behavior Goals’
Search Bar
User can search by goal text to refine the behavior goals table search.
Kendo Search Bar component with the ability to delete text entered by selecting the 'X' that displays once text is entered in the search bar.
Table Header: ‘Goals’
Goal List:
Display list of all active Behavior Goals populated from the Behavior Tab of the Admin Goal-Intervention Bank Settings.
Hover State: Display light blue/grey hover state when user hovers over a goal in the list.
Select Goal: User selects a Behavior Goal in the list and automatically navigates to the ‘Added Goals’ modal screen.
Pagination:
Display Kendo Pagination Component for the table and include all functionality.
Create Custom Goal Button:
Create Custom Goal Button Selected: Display ‘Create Custom Goal’ modal screen
Create Custom Goal Modal Screen:
Header: ‘Create Custom Goal’
Input Field Label: ‘Goal Text’
Text Area Input Field: User enters custom text description. The input field will expand to fit the text for longer text entries.
‘Select Goal From List’ Button: Returns user to ‘Browse Behavior Goals’ modal screen.
Close ( X ): Closes the create modal screens and returns the user to the main screen they are viewing on the EDU Platform.
‘Next’ button: Navigates user to the ‘Added Goals’ modal screen.
Validation Warning: Display label and input field in red validation warning when the user has not entered text in the goal text input field and selects the ‘Next’ button.
Behaviors Screen:
Users must enter at least one target behavior and has the option to enter up to three target behaviors.
Display dropdown menu input fields with labels
Target Behavior #1
Required Field
Add Target Behavior Button: User selects ‘Add Target Behavior’ button to add additional Target Behavior and Description input fields. The button is hidden when the user has three target behavior and description input fields displayed on the screen. User can remove addition fields by selecting the ‘Delete’ icon.
Target Behavior #2 (Optional)
Optional Field
Target Behavior #3 (Optional)
Optional Field
Dropdown menu input field values:
Search bar at the top of the dropdown menu to search for behaviors
For each target behavior, a dropdown allows the user to select from the existing behavior bank or choose "Other" to enter a new behavior.
Behaviors included in the Student Behavior Bank and Admin Settings Behavior Bank
Custom input field displays as text input field with ‘Other’ as placeholder text that the user types over.
Behavior descriptions are text fields where users can describe the behavior being tracked.
Required fields that display to the right of each ‘Target Behavior’ dropdown menu selection
Labels for text area fields: ‘Behavior Description’
Support multiple lines of text.
User Interaction and Validation Notes
...