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

Implement expandable text fields as modal dialog

    XMLWordPrintable

Details

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

    Description

      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

       

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                  Created:
                  Updated:
                  Resolved: