Versions Compared

Key

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

Status
colourBlue
titleREADY FOR REVIEW

The fleximodal fullscreen sized modal is a full page takeover to provide more real estate, and allow a streamlined distraction free view to encourage focus on more complex setup and configuration actions. There It is a single step view, as well as a multi step variant that can be used to group tasks togethercompatible with a separate Stepper component that can help users through multistep processes.

🛠 Resources

https://openedx.atlassian.net/browse/TNL-7431?atlOrigin=eyJpIjoiZDAxMGYzMWMzZTI4NDkyMjliZjNlYjZmZDEwZTJmNzAiLCJwIjoiaiJ9

🌱 Use case

As an admin configuring a new course run I would like to be able to easily select which discussion forum tool to include in the course. I’d like to be able to easily compare features, and also have the option to view more specifics about support if needed.

...

Discussions user flow
pw: Discussions2021

Fleximodal - XL

...

Future states - use case design still in progress

Fleximodal Fullscreen with stepper

  1. Content library configuration

  2. Bulk enrollment dialog

...

📐 Specification

⚛ Anatomy

Legend

  1. Button

 

♒ Behaviors

 

 

 

 

💕 Accessibility

Focus Management Expectations

Semantics

 

 

 

...