jQuery Forum

the size of most jquery ui components is based off of em, so, if you change the font-size on those components, the size of the component will change based on that font size.

-- Kevin

------------------------------------------------
http://www.tentonaxe.com

So I can make my font really small and get buttons that still have too much space around the text.

How do I differentiate between radio buttons and check boxes that use the button widget from submit buttons that use the button widget?

what you will end up needing is to override the css from the themeroller to skin the buttons checkboxes and radio buttons the way you wish for them to be displayed, including space around the text. the space around the text should stay proportionately the same as you change the size of the text, if the buttons follow the same setup that jqueryui has used on most of the other components. If it is still too much space, you have to override the css style that gives it that much space.

-- Kevin

------------------------------------------------
http://www.tentonaxe.com

Kevin, thanks very much for the detailed response. I took a look at the CSS and couldn't find the tags that control the space around the button text, which I assume would be controlled by padding.

Regards,

Francis.

http://jqueryui.com/demos/button/ for all documentation on buttons, including themeing on the last tab at bottom.

try:

1. <style type="text/css">
2. .ui-button{
3.     font-size: 11px;
4. }
5. .ui-button-text-only .ui-button-text {
6.     padding: .1em .6em .2em;
7. }
8. </style>

you can tweak the numbers till they suit your needs

-- Kevin

------------------------------------------------
http://www.tentonaxe.com

Kevin,

Thanks a lot. I will experiment.

Francis.