Custom Skin Using Sprites

[Chad]

I am attempting to create a custom skin for all of the ASP.NET AJAX Controls so that all the controls have a unified look and feel that matches the rest of my site. I have found all of the sprite.gif files inside of C:\Program Files (x86)\Telerik\RadControls for ASP.NET AJAX\Skins, but it seems like a tedious task to take all of these and edit them to fit my color scheme. I have tried on multiple occasions to use the Visual Style Builder to create a custom skin, these endeavors have always ended horribly, that tool simply does not work. Then I found the .psd files located at telerik.com/skins, these seemed to be exactly what I was looking for, I could restyle the entire control at one time, then theoretically slice it up into the sprite.gif files that would work with the css for the control. But this is where I get stuck, once you have the .psd altered the way you want it to look, how then do you convert/slice those into the sprite files that the css will know how to use?

Thanks

[Bozhidar]

Hello Chad,

Once you have your PSD look like you want to look, You will need to create your custom skins by creating custom skin CSS files and the image sprites related to them. More about css sprites you could find at: CSS Sprites: What They Are, Why They’re Cool, and How To Use Them.

You could also take a look at our help section where for each control under Appearance and Styling there is an article for creating custom skin and how to edit the sprites: RadButton Custom Skin.

As for the question, how we convert our PSD to sprites, we do it by hand using Adobe Photoshop.

All the best,
Bozhidar
the Telerik team