Positioning of Hints

Last modified by Thiago Krieck on 2026/06/04 18:30

Description

Information

Update June 2026

Since we can't enforce the positioning of hint in Cristal due to the DS being used this topic will be moved to a Guideline documentation.

See: https://forum.xwiki.org/t/input-hint-for-cristal-xs/16524/5?u=tkrieck and https://forum.xwiki.org/t/brainstorm-ux-guidelines-for-xwiki-and-cristal/18339

Original proposal below


Proposal: Placement of Hints in Cristal

This proposal discusses the use of hints in Cristal. Conceptually, these hints are similar to those found in XWiki Standard.

Defining Hints

Hints are small pieces of text attached to an input form. Their primary function is to provide users with contextual guidance and assistance when filling out a form field. In other applications, they are often referred to as "Helper text," but in XWiki, the correct term is "Hint."

 Screenshot 2025-02-21 at 07.05.33.png

Proposed Change in Placement

One key difference between Cristal and XWiki Standard is the placement of hints. In XWiki, hints are positioned between the field label and the input field. However, this placement can cause issues when the hint text is too long or when the screen size is small. To address this, the proposal suggests moving hints after the input field instead. This placement emphasizes their helper role while keeping them unobtrusive for more experienced users.

Problem with very long hints

Notice the space between the label and its field

Screenshot 2025-02-21 at 07.07.04.png

Proposal for positioning in Cristal and XS

Screenshot 2025-02-21 at 07.09.16.png

Handling Conflicts with Error Messages

A potential conflict arises when both a hint and an error message are displayed simultaneously. In such cases, the error message should take precedence, pushing the hint text further down to avoid confusion.

 Screenshot 2025-02-21 at 07.09.36.png

Applicability to XWiki

While this proposal is focused on Cristal, it could also be applied to XWiki. However, due to the scale of XWiki, implementing this change across the entire platform may be impractical unless hints are part of a reusable component.


 


Get Connected