Resizing Icons in jQuery-UI

Question

I find the icons in jquery UI to be a bit small for my application. Adjusting the sizes on .ui-icon doesn\'t help of course, because the images are loaded from a single im

Answer 1

Note that you can really use any icon you want as long as you create a CSS style that uses it, and it doesn't have to be in a sprite pack. The "icon name" in jQuery UI Buttons is really just a class name.

The blog "Sit Down Waldo" has good example here. It demonstrates using the most excellent FAMFAMFAM color icon set, but you can really use his "core" to adjust positioning and then use any icon you want in your own CSS.

Using his example is quite easy just download the files (you only need the css and icon folders), then add these lines to your HTML file

then use one of the icon names in your options.
{icons: {primary: 'fff-icon-connect'},text: false}

PS, It unfortunately doesn't look like the new sizing options for the jQuery UI has happened yet even though they talked about it 7 months ago. They did make them a tad bigger, but they didn't introduce a whole new size.