# Radio-Buttons on Windows/Mac: Different spacing, size etc.

**URL:** <https://forum.servoy.com/t/radio-buttons-on-windows-mac-different-spacing-size-etc/17148>\
**Category:** Classic Servoy\
**Created:** [March 28, 2013, 3:34pm UTC](https://forum.servoy.com/t/radio-buttons-on-windows-mac-different-spacing-size-etc/17148 "2013-03-28T15:34:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jay.cee](https://avatars.discourse-cdn.com/v4/letter/j/74df32/32.png) [@jay.cee](https://forum.servoy.com/u/jay.cee)\
**Post date:** [March 28, 2013, 3:34pm UTC](https://forum.servoy.com/t/radio-buttons-on-windows-mac-different-spacing-size-etc/17148/1 "2013-03-28T15:34:54Z")

</div>

Hi!  
Im currently having an issues where I want to add some graphical UI-elements to a radio-button element (having a value list attached with just blanks as “shown values”).  
As you can see in the attached screenshot there’s a different spacing and behaviour in terms of size on Windows and Mac which completely destroys the alignment of the elements.  
I know this is because the element is rendered differently on different OS - but ist there any work-around to address this issue? Maybe with styling etc.?

Any help is greatly appreciated as we have users from many different OS…

Thanks,

Jay

 ![servoy_radio_buttons.png](https://canada1.discourse-cdn.com/flex010/uploads/servoy/original/1X/ab5e1092524bf525077021c7716202aff652b6f7.png)

---

<div class="post-metadata">

**Author:** ![mboegem](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/mboegem/32/4399_2.png) [@mboegem](https://forum.servoy.com/u/mboegem)\
**Post date:** [March 28, 2013, 4:02pm UTC](https://forum.servoy.com/t/radio-buttons-on-windows-mac-different-spacing-size-etc/17148/2 "2013-03-28T16:02:48Z")

</div>

Until now I’ve always designed my forms to support the biggest space needed by any OS.  
Then on startup of the solution, I use the solutionModel to downscale the different elements based on their type and the OS being used.

Hope this helps.

---

<div class="post-metadata">

**Author:** ![jay.cee](https://avatars.discourse-cdn.com/v4/letter/j/74df32/32.png) [@jay.cee](https://forum.servoy.com/u/jay.cee)\
**Post date:** [March 28, 2013, 4:39pm UTC](https://forum.servoy.com/t/radio-buttons-on-windows-mac-different-spacing-size-etc/17148/3 "2013-03-28T16:39:31Z")

</div>

And how exactly did you do this? I tried all margin bottom/top properties of the radios (maybe I have to mention: This is _one_ radio button element with 4 values!) but the spacing is always different on the different OS so I never get one solution that works on both of them…

Cheers!

Jay

---

<div class="post-metadata">

**Author:** ![mboegem](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/mboegem/32/4399_2.png) [@mboegem](https://forum.servoy.com/u/mboegem)\
**Post date:** [March 28, 2013, 5:27pm UTC](https://forum.servoy.com/t/radio-buttons-on-windows-mac-different-spacing-size-etc/17148/4 "2013-03-28T17:27:57Z")

</div>

> jay.cee:  
> And how exactly did you do this?

Using the solutionModel you can just re-position/re-size your elements.  
I agree: this particular example needs some specific code, but it should be doable.

For other elements (ie checkbox) you can just make it less wider on windows (although winXp/win7 already are different from eachother)  
As you can get elements by type, you can also iterate them easily.