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

Add expand option to dialogs

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: In Progress
    • Priority: Neutral
    • Resolution: Unresolved
    • Affects Version/s: 6.2
    • Fix Version/s: None
    • Component/s: dialogs
    • Labels:
      None

      Description

      MGNLUI-5426 has harmonized dialogs and set their width to be fixed at 740px. That width is too small when using complex layouts. Examples can be found here and on linked tickets.

      The M5 UI framework provided an option to set dialogs to be wide and take all the horizontal space available:
      Property: wide: true
      Details: https://documentation.magnolia-cms.com/display/DOCS61/Dialog+definition

      The property to take all horizontal space available will be covered by MGNLUI-5956. Making the width configurable will be covered by MGNLUI-5808. This is the third step of improvement.

      AC:

      • Expand button is available on small & medium dialogs.
      • If the dialog is configured as wide, do not show the expand button.
      • Click the expand/collapse button in the top right corner to toggle between the wide and default modes.

      Anja von Gunten - please add a mock-up for expand/collapse button on a dialog.

        Attachments

        1. dialog - light - medium.png
          dialog - light - medium.png
          104 kB
        2. dialog - light - small.png
          dialog - light - small.png
          109 kB
        3. dialog - light - wide.png
          dialog - light - wide.png
          87 kB
        4. dialog-size.png
          dialog-size.png
          1.05 MB
        5. horizontal-scroll.png
          horizontal-scroll.png
          31 kB

          Issue Links

            Activity

              People

              Assignee:
              thien.quach Quach Hao Thien
              Reporter:
              rgange Richard Gange
              Votes:
              1 Vote for this issue
              Watchers:
              7 Start watching this issue

                Dates

                Created:
                Updated:
                Date of First Response: