Adjustment of input field width for improved UX

[Ollie-nl]

Thema / Theme

Frontend

Omschrijving / Description

Adjusting the width of input fields based on the expected length of input can significantly enhance user experience. This helps users visually orient themselves and makes filling out forms more intuitive and efficient. For example, an input field for a house number does not need to be as wide as an input field for a street name, because the length of a house number is generally much shorter than that of a street name.

Added value / Toegevoegde waarde

• Improved flow and appearance of forms.
• Increased user-friendliness through visual guidance of expected input length.
• Potential reduction in input errors by users, as it clearly indicates how much text is expected.

Aanvullende opmerkingen / Additional context

This adjustment will make it easier for users to quickly and correctly fill out forms, leading to higher satisfaction and better overall performance of the form.

[Ollie-nl]

Related:
open-formulieren/open-forms-sdk#682

[joeribekker]

@Ollie-nl if you go via Alex (PO Utrecht) he might get funding for this :)

[joeribekker]

Refinement met Utrecht: Baseren op maxlength van tekstveld.

[Ollie-nl]

Is hier al een voorbeeld van, is er al iets ondernomen op dit issue?
Geeft een maxlength ook een andere weergave (lengte) van het tekstveld?
Zou een CustomClass of zoiets ook mogelijk zijn of zijn er nog mooiere oplossingen mogelijk?

Kunnen jullie Frameless een duwtje in de goede richting geven?
frameless/strapi#614