Perspective Radio button size

Is it possible to increase the size of the perspective check boxes or radio buttons? My interface will be mainly on a touch screen tablet and I’ve already received feed back that check boxes can be hard to click because they are too small.

Or, can individual radio button areas be formatted (size or color)? I thought if I gave the radio button area some gradient shading, like a button, people would know they could click on the text of the radio button too.

Something like this…

I’m just looking for options to make radio buttons (and check boxes) more touch friendly. Thanks

I did find this thread. My users have been complaining about radio and checkbox size on touchscreen devices.

Just wondering if there are any additional thoughts on this…


This is now possible in our nightly builds. The component theming implementation adds more styling capability to the Radio Group and Checkbox components. They’re now based on SVG icons instead of system OS defaults.

Add width/height style props to each of the states to accomplish this. For example, on the “Big 'ol checkbox” above I used:


This is GREAT NEWS!!
Thank you

1 Like

Is there a way to change the spacing between rows of radio buttons? Like when your window pushes some buttons to the next row and there is a large space between rows?

Outside of manipulating the theme files or creating a custom theme to do so, I don’t see a straightforward way to do this in the product today. I’ll add a feature-request ticket internally for this level of control @jcaudle.

1 Like