Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-2267

Dialog can be toggled "wide" with button, and be configured to open "wide".

XMLWordPrintable

      Dialogs have been designed to focus you on editing. Among other things, their width is restricted as long lines of text become harder to read and edit. There are always cases, though, when a user wants to make a dialog larger, so that he or she uses as much of the available screen estate as possible.

      I'd like thus to implement a convincing, intermediate solution that covers what users want in 95% of the cases. I'd like to add a full-screen toggle to all dialogs and small apps, which does the following:

      For regular dialogs

      • The toggle is added to the dialog header, between the help and the close button. The close button will have to be clearly separated to avoid accidentally closing the dialog.
      • The toggle extends the dialog in width to take up the entire width except for a 40px left and right margin, so that you still see that the dialog is modal. and the actual fields are extended to cover the remaining width on the right.
      • Text areas grow in height to a minimum of 100 pixels.

      For light dialogs

      • Light dialogs do not have a width toggle button.

        Acceptance criteria

              czimmermann Christopher Zimmermann
              weder Andreas Weder
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: