[MGNLUI-4522] Implement expandable text fields as modal dialog Created: 24/Jul/18  Updated: 04/Jan/21  Resolved: 02/Jul/20

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: None
Fix Version/s: None

Type: New Feature Priority: Neutral
Reporter: Cedric Reichenbach Assignee: Unassigned
Resolution: Duplicate Votes: 4
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File multiline field in strong dialog resized.png     PNG File multiline field in strong dialog.png     PNG File multiline field.png    
Issue Links:
Relates
relates to MGNLUI-5768 Activating textarea-stretcher consume... Closed
relates to MGNLUI-4520 Migrate the AceEditor based code fiel... Closed
duplicate
relation
is related to MGNLUI-5218 Expand option for RichtextField Closed
Template:
Acceptance criteria:
Empty
Date of First Response:
Epic Link: UI framework: forms, dialogs, content editing
Story Points: 5

 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

 


Generated at Mon Feb 12 09:17:27 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.