The 5.7 branch of Magnolia reached End-of-Life on December 31, 2023, as specified in our End-of-life policy. This means the 5.7 branch is no longer maintained or supported. Please upgrade to the latest Magnolia release. By upgrading, you will get the latest release of Magnolia featuring significant improvements to the author and developer experience. For a successful upgrade, please consult our Magnolia 6.2 documentation. If you need help, please contact info@magnolia-cms.com.
Use light dialogs for quick input when you don't want to interrupt the user.
A light dialog is a user interface element which asks the user for quick input. Make sure the input is an integral part of the task the user is currently working on. A light dialog does not interrupt. It is just one step in a natural flow of the task.
Light dialogs
- Collect quick input.
- Are narrower than a regular dialog to emphasize tight focus.
- Are modal but don't black out the background.
Use when
- The input doesn't require long explanations. You don't have field descriptions or help text at your disposal. So be concise.
- The input requires two form fields at most.
- A regular dialog feels too heavy, surprising or disorienting.
- You don't want the background to disappear.
- Input can be given with minimal effort. Strip down what you want to show to the bare minimum.
Renaming an item is quick. A light dialog works.
You should not need an intrusive dialog.
