First of all, thank you again for the recent improvements — the language keys and datetime localization work perfectly.
While continuing to configure the module, I noticed that some multi-value fields in the backend (for example Content Spacing, Border Radius, and Box Shadow) contain four numeric input fields, but there is no indication of what each value represents.
For example:
Content Spacing
Border Radius
Box Shadow
Each row contains four numeric inputs (and a color field for Box Shadow), but it is not clear whether the values represent:
Top / Right / Bottom / Left
or another order
For users unfamiliar with CSS shorthand conventions, this can be confusing.
It might be helpful to:
Add small labels above the inputs (e.g. Top | Right | Bottom | Left), or
Add a short description or tooltip explaining the order of the values, or
Include this clarification in the field description.
For Box Shadow, it would also help to clarify the order (e.g. Offset-X | Offset-Y | Blur | Spread | Color).
This small UI clarification would improve usability, especially for non-technical users.
Hello.
Thank you for your feedback.
For each multi-value field, we have a placeholder for the input field.
prnt.sc/HfowkSW6ttYg
I think it doesn't need the label or hover tooltip action.
Please recheck it.
Regards.
I just noticed a small usability detail regarding the multi-value fields in the Style Options section (for example Content Spacing, Border Radius and Box Shadow).
Since these inputs use placeholders (e.g. “Padding Top”), the explanation disappears once a value is entered. As shown in the attached screenshot, only the first field still shows its meaning, while the others only display the numeric values.
When revisiting the module later, it’s not always clear which value corresponds to which side (Top / Right / Bottom / Left).
Maybe usability could be improved by:
Displaying small permanent labels above each input, or
Adding a short note below the row indicating the order (Top, Right, Bottom, Left).
Hi.
Thank you for your feedback.
We will add the small label on the top of each input field like this:
prnt.sc/7sRltxEkIZif
It will be available on the next version.
Regards.
Suggested UI improvement: Clarification for multi-value fields (Top/Right/Bottom
Topic Author
