UI Builder: Border radius suggestion - option to edit all 4 at once

This is a small thing, but it could save time.

As it is now in UI Builder, the Border radius property has an input for each corner.

It’s good to offer this level of precision. But there are many instances when a designer wants to make the radii of all four corners uniform. (Maybe more often then not.) And having to type the same value in four places each time the value is changed isn’t ideal.

How about the idea of adding a toggle switch that will be uniform by default, but can be switched to varied when a user wants to add four separate values?

Example:
Uniform typical-toggle-switch Varied

An added benefit would be that by reducing four inputs to a default of one there is slightly less for a user to visually scan through.


I noticed that Backendless consolidates the CSS already anyway when they’re the same. Smart. :slight_smile:

border-radius: 12px;

instead of
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;

1 Like

Hi @Causality,

thank you for the improvement suggestion!
We will discuss it with our team.

Best regards,
Stanislaw

1 Like

Thank you for considering the idea!

We’re planning to totally revamp and rethink the entire styles panel, and your suggestion will be a part of this task. Thanks again!

1 Like