Skip to main content
Solved

Radio buttons in Universal GUI: white space

A
Vanguard
Forum|alt.badge.img+5

Would be nice it the white space before / after radio buttons can be reduced.

 

 

 

Best answer by Bart Metselaar

Hi ​@avandervelden!

In the UI restyling blog, we commited to also change the Form Field styling to Outlined Form Fields.

In that redesign, we are also going to change the Radiobuttons and Checkboxes alignment. So this will be going to look kind of like this:

 

We aim to reduce the amount of space below those radiobutton groups, so be sure to keep an eye out for when we are going to change from Filled to Outlined Field styling!

View original
Did this topic help you find an answer to your question?

9 replies

Bart Metselaar
Moderator
Forum|alt.badge.img+3
  • Bart Metselaar
  • UI/UX Designer
  • 114 replies
  • Answer
  • April 14, 2025

Hi ​@avandervelden!

In the UI restyling blog, we commited to also change the Form Field styling to Outlined Form Fields.

In that redesign, we are also going to change the Radiobuttons and Checkboxes alignment. So this will be going to look kind of like this:

 

We aim to reduce the amount of space below those radiobutton groups, so be sure to keep an eye out for when we are going to change from Filled to Outlined Field styling!

Insert question, retrieve knowledge.
Marius Korff
1 person likes this
  • Marius Korff
    Marius Korff
A
Vanguard
Forum|alt.badge.img+5

If I may also add this example to this ticket

In Windows


In Universal
 

 

M
Superhero

​@Bart Metselaar Do you happen to have a radio button example where the elements also have icons applied? Just curious what this looks like as we are considering to use more radio buttons for certain screens and some could probably benefit from icon use.

A
Vanguard
Forum|alt.badge.img+5

I'm not Bart, but can give 2 examples how it looks now


 

 

Bart Metselaar
Marius Korff
M
3 people like this
  • Bart Metselaar
    Bart Metselaar
  • Marius Korff
    Marius Korff
  • M
    Mark_Plaggenborg
M
Superhero

​@avandervelden Thanks for the example. I now remember trying this on the first tries with Universal and indeed the scaling was a cause to no longer look into this. Guess we’ll need to be patient for this.

Bart Metselaar
Moderator
Forum|alt.badge.img+3
avandervelden wrote:

If I may also add this example to this ticket

In Windows


In Universal
 

 

​@avandervelden to be clear here: are you referring to this example about the amount of options you are showing in a radiocontrol of about the label placement of that radiocontrol?

Insert question, retrieve knowledge.
A
Vanguard
Forum|alt.badge.img+5

For “the scores”: about the number of options. Not the label

 

Bart Metselaar
Moderator
Forum|alt.badge.img+3
avandervelden wrote:

For “the scores”: about the number of options. Not the label

 

This is a bug, I will report this as a ticket in TCP.

Insert question, retrieve knowledge.
Jeroen van den Belt
1 person likes this
  • Jeroen van den Belt
    Jeroen van den Belt
Erik Brink
Moderator
Forum|alt.badge.img+5
  • Erik Brink
  • Moderator
  • 497 replies
  • April 25, 2025

In addition: it’s good to know that a single radiobutton does not take a entire form editor slot in height in Universal. So if you have 5 radiobuttons stacked on top of eachother, the “Field height in positions” might be set to 3 or 4 to reduce whitespace underneath the list of radiobuttons. So you can control this yourself currently.

It is indeed a known issue that you can only show max 2 radiobuttons side-by-side, even when there is enough space for more.

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings