[MGNLUI-5218] Expand option for RichtextField Created: 30/May/19  Updated: 13/Jan/21  Resolved: 10/Aug/20

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: 6.0, 6.1
Fix Version/s: 6.2.3

Type: Bug Priority: Neutral
Reporter: Jonathan Ayala Assignee: Quach Hao Thien
Resolution: Fixed Votes: 1
Labels: M6-UI-2
Remaining Estimate: 0.25d
Time Spent: 6d 1.5h
Original Estimate: Not Specified

Attachments: PNG File Screenshot 2019-05-29 at 15.58.48.png     PNG File Screenshot 2019-05-29 at 15.59.08.png     PNG File Screenshot 2019-12-05 at 11.11.04.png     PNG File image-2020-07-30-13-54-43-036.png     PNG File rich text field wide.png    
Issue Links:
causality
relation
is related to MGNLUI-4522 Implement expandable text fields as m... Closed
is related to MGNLUI-4461 Open RichTextEditor in modal dialog Closed
is related to MGNLUI-5944 Text Fields Used in Composite Fields ... Closed
is related to MGNLUI-5844 CkEditor - Maximize function works bu... Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Date of First Response:
Epic Link: M6 UI & UX Improvements
Sprint: CM & OC 7, CM & OC 8
Story Points: 5

 Description   

When using RichtextField in Magnolia 6 its size is rather small for editors. According to MGNLUI-4461, responsiveness should deal with fields width and dialogs height providing users with a proper editor size. However, this is not working as expected and should be fixed or, alternatively, a way to make the editor bigger could be added as in older versions (see screenshots).

Timebox: 5, attempt implementation according to screenshots in linked ticket.

  • Dialog opened on top should be set to wide
  • Yet to consider update with additional green button for the new overlaying dialog (avongunten to specify buttons/labels)

----------------------------------------------------------------------------------

Update Jul 29 2020,
Anja von Gunten  2:40 PM
Hi Thienqh, lets go with Sashas proposal, i like it

Separate ticket for relocation expand button MGNLUI-6096



 Comments   
Comment by Federico Grilli [ 05/Dec/19 ]

One possible option would be to provide by default CKEditor's Maximize button in Magnolia's toolbar. This should be quite straightforward - only issue would be to put the editor in the foreground, above the background of the modal dialog.

Here's how this would look like

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