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

Questions, answers, tips and ideas on Servoy Client

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

Postby jay.cee » Thu Mar 28, 2013 5:34 pm

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
Attachments
servoy_radio_buttons.png
Different spacing/sizes of radio buttons in smart-client on Windows/Mac
servoy_radio_buttons.png (29.67 KiB) Viewed 3238 times
jay.cee
 
Posts: 9
Joined: Wed Oct 10, 2012 1:27 pm

Re: Radio-Buttons on Windows/Mac: Different spacing, size et

Postby mboegem » Thu Mar 28, 2013 6:02 pm

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.
Marc Boegem
Solutiative / JBS Group, Partner
• Servoy Certified Developer
• Servoy Valued Professional
• Freelance Developer

Image

Partner of Tower - The most powerful Git client for Mac and Windows
User avatar
mboegem
 
Posts: 1743
Joined: Sun Oct 14, 2007 1:34 pm
Location: Amsterdam

Re: Radio-Buttons on Windows/Mac: Different spacing, size et

Postby jay.cee » Thu Mar 28, 2013 6:39 pm

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
jay.cee
 
Posts: 9
Joined: Wed Oct 10, 2012 1:27 pm

Re: Radio-Buttons on Windows/Mac: Different spacing, size et

Postby mboegem » Thu Mar 28, 2013 7:27 pm

jay.cee wrote: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.
Marc Boegem
Solutiative / JBS Group, Partner
• Servoy Certified Developer
• Servoy Valued Professional
• Freelance Developer

Image

Partner of Tower - The most powerful Git client for Mac and Windows
User avatar
mboegem
 
Posts: 1743
Joined: Sun Oct 14, 2007 1:34 pm
Location: Amsterdam


Return to Servoy Client

Who is online

Users browsing this forum: No registered users and 11 guests