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

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

                Created:
                Updated:
                Resolved: