[MGNLUI-2267] Dialog can be toggled "wide" with button, and be configured to open "wide". Created: 10/Oct/13  Updated: 23/Oct/14  Resolved: 11/Jun/14

Status: Closed
Project: Magnolia UI
Component/s: design, forms, user interaction
Affects Version/s: 5.1
Fix Version/s: 5.3

Type: New Feature Priority: Neutral
Reporter: Andreas Weder Assignee: Christopher Zimmermann
Resolution: Fixed Votes: 0
Labels: next, support, usability
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Relates
relates to MGNLUI-2992 Role dialog in security app should be... Closed
relates to MGNLUI-2994 Full-width dialog function doesn't pl... Closed
relates to MGNLUI-2987 UI test for wide dialog feature Closed
causality
dependency
is depended upon by MGNLUI-2996 As a user, I can toggle dialogs and s... Closed
relation
is related to MGNLUI-2266 Allow text area field relying on the ... Closed
is related to MGNLGROOVY-129 Groovy script editor subapp should be... Closed
is related to MGNLINTEMPL-74 In-place templating script editor sub... Closed
is related to MGNLRES-128 Resources editor subapps should be wi... Closed
Template:
Acceptance criteria:
Empty
Date of First Response:

 Description   

Dialogs have been designed to focus you on editing. Among other things, their width is restricted as long lines of text become harder to read and edit. There are always cases, though, when a user wants to make a dialog larger, so that he or she uses as much of the available screen estate as possible.

I'd like thus to implement a convincing, intermediate solution that covers what users want in 95% of the cases. I'd like to add a full-screen toggle to all dialogs and small apps, which does the following:

For regular dialogs

  • The toggle is added to the dialog header, between the help and the close button. The close button will have to be clearly separated to avoid accidentally closing the dialog.
  • The toggle extends the dialog in width to take up the entire width except for a 40px left and right margin, so that you still see that the dialog is modal. and the actual fields are extended to cover the remaining width on the right.
  • Text areas grow in height to a minimum of 100 pixels.

For light dialogs

  • Light dialogs do not have a width toggle button.


 Comments   
Comment by Christopher Zimmermann [ 10/Jun/14 ]

See branch MGNLUI-2267-review

Generated at Mon Feb 12 08:54:50 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.