Custom Skin Using Sprites

2 posts, 0 answers
  1. Chad
    Chad avatar
    1 posts
    Member since:
    Sep 2011

    Posted 29 Nov 2011 Link to this post

    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, 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?

  2. Bozhidar
    Bozhidar avatar
    677 posts

    Posted 30 Nov 2011 Link to this post

    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,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. DevCraft R3 2016 release webinar banner
Back to Top