More subtle looking help/validation messages in forms (MGNLUI-2749)

[MGNLUI-3558] Tweak how we show warnings and errors in input fields Created: 08/Sep/15  Updated: 08/Mar/21  Resolved: 08/Mar/21

Status: Closed
Project: Magnolia UI
Component/s: design, forms
Affects Version/s: None
Fix Version/s: 5.4.x

Type: Sub-task Priority: Neutral
Reporter: Andreas Weder Assignee: Unassigned
Resolution: Obsolete Votes: 0
Labels: forms, ux, visual-design
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Relates
relates to MGNLUI-3559 Change help and validation messages i... Closed
relates to MGNLUI-3560 Change the main message banner in for... Closed
Template:

 Description   

MGNLUI-2749 asks for a more set-back, less blocky visual appearance of fields showing warnings and error messages, which are closer again to the original visual design.

As part of this, please verify that the following holds for all input fields:

  • Must have a 2px red (error) or yellow (warning) border
  • Error or warning signs should be inside an input field and right-aligned.
    • Please verify how feasible this is to achieve. If that's not possible (e.g. check boxes), show it next to the field with a 8px padding.

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