Suggested UI improvement: Clarification for multi-value fields (Top/Right/Bottom

Hi JUX Team,

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.

Thank you again for your continued improvements.

Best regards,
Henrik Larsen

Hi,

Thanks again for the clarification earlier.

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).

Just a small UX suggestion.

prnt.sc/5LseZCGUFPj0

Best regards
Henrik

Thank you for the quick response.
Looking forward to the next version.

Hello Jackie,

Thank you very much for the quick update and for implementing the labels so fast.

The small labels above the input fields make a big difference in usability and clarity. It is much easier to understand the structure at a glance now.

I really appreciate the responsiveness and the continuous improvements.

Best regards,
Henrik

Hello Jackie,

Thank you for the kind invitation.

I appreciate that you are open to suggestions from users. If I notice ideas that could improve usability or clarity while working with the module, I will gladly share them in the forum.

JUX News Wall Pro is already a very useful extension and it is great to see that it is actively maintained.

Best regards,
Henrik