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

Implement expandable text fields as modal dialog

XMLWordPrintable

    • Icon: New Feature New Feature
    • Resolution: Duplicate
    • Icon: Neutral Neutral
    • None
    • None
    • None
    • None

      As a user I want to edit multiline text fields in an expanded mode so that I have more space for writing.

      Previously, text area fields would be expandable by the click of a button, maxing out within the current form area (using TextAreaStretcher).

      Now, the text area should be lifted into a (strong) modal overlay dialog.

      AC:

      • Apply the following to:
        • Rich text fields
        • Code fields
      • By clicking on the expand icon in multiline fields lift text area into a (strong) modal overlay dialog
      • Add "edit icon" in the dialog title followed by the field label name of according text area
      • When resizing browser window (viewport) the text area expands according to the size
      • Padding around text area = 15px
      • By clicking on the minification button in the modal dialog all text is taken over to the default text area

       

        Acceptance criteria

          1. multiline field.png
            130 kB
            Anja von Gunten
          2. multiline field in strong dialog.png
            120 kB
            Anja von Gunten
          3. multiline field in strong dialog resized.png
            124 kB
            Anja von Gunten

              Unassigned Unassigned
              creichenbach Cedric Reichenbach
              Votes:
              4 Vote for this issue
              Watchers:
              3 Start watching this issue

                Created:
                Updated:
                Resolved: