[CONTEDIT-135] Highlight field group in case of validation error Created: 25/Jul/17  Updated: 23/Oct/19  Resolved: 05/Feb/18

Status: Closed
Project: Content Editor
Component/s: None
Affects Version/s: 1.0.8, 1.1.1
Fix Version/s: 1.0.9, 1.1.2

Type: Bug Priority: Neutral
Reporter: Cedric Reichenbach Assignee: Antonín Juran
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File validations_current.png     PNG File validations_new.png    
Issue Links:
Relates
relates to MGNLUI-2542 Dynamic forms & cross-field interaction Accepted
relates to MGNLUI-3844 MultiValueField's validation is not c... Closed
relation
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: Fix stories demo issues
Sprint: Kromeriz 132, Kromeriz 133
Story Points: 8

 Description   

Currently, validation of groups (which are composite fields) is a bit weird. Validation errors concerning inner fields are display below the whole group instead of next to the individual field(s).

Collapsed outline should be automatically expanded on validation. The invalid field should be pinpointed.



 Comments   
Comment by Antti Hietala [ 23/Oct/17 ]

https://jira.magnolia-cms.com/browse/MGNLUI-3793?focusedCommentId=123762&page=com.atlassian.jira.plugin.system.issuetabpanels%3Acomment-tabpanel#comment-123762

pointing validation messages visually to a precise invalid sub-field (...) requires substantial—and most likely API—changes.

Comment by Antti Hietala [ 23/Oct/17 ]

avongunten Do you have a UX design for displaying validation messages for Stories app outline fields?

Comment by Anja von Gunten [ 17/Nov/17 ]

I guess to pinpoint to a specific field within composite fields is probably beyond the scope of this ticket because that’s a general refactoring initiative and not specific stories app issue.
I provided a mockup that shows

  • the error message can stay as it is
  • besides the error message the field also has a light red color (nr 76, #F4EAEA)
  • for the composite field the red color works as a background for the whole field group
  • the red error icon on the side is not needed
  • collapsed field group should be automatically expanded if validation error
Generated at Mon Feb 12 00:17:25 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.