...
The "Module Preview" modal can be opened by clicking on the "eye" icon located in the upper right corner of the Module Builder form. This action provides immediate access to the feature, allowing users to quickly review how the activity appears in Teach Mode and , Module Details, and Student Center pages.
Display of Active Versions:
...
Designed with accessibility in mind, the "Module Preview" modal includes intuitive controls for navigating the preview and closing the modal.
Close “X” icon to close the full screen preview
Toggle Selection: Teaching View, Plan View, Student View
User Interaction Workflow
Accessing the Preview:
Users access the "Module Preview" by clicking the "eye" icon in the upper right corner of the Module Builder.
Reviewing Content:
This step allows users to ensure the content's accuracy, relevance, and overall quality across various language versions.
Teaching View toggle selected shows the Teaching Mode player and the module contents as the end-user will view it.
Plan View toggle selected shows the Module Details page as the end-user will view it.
Student View toggle selected shows the Student Center view of activity/resource as the end-user will view it.
The preview options tied to the preview modal are attached to the selected options in the audience picker dropdown menu.
Content should only be visible in the preview modals for the audience selection in the dropdown menu.
Closing the Modal:
After completing the review, users can close the modal by clicking the “X” icon to return to the Module Builder interface.
...