Applying custom skin to the web report viewer

Thread is closed for posting
1 posts, 0 answers
  1. 63F75A2C-1F16-4AED-AFE8-B1BBD57646AD
    63F75A2C-1F16-4AED-AFE8-B1BBD57646AD avatar
    1572 posts
    Member since:
    Oct 2004

    Posted 09 Sep 2009 Link to this post


    Reporting version 4.0+
    .NET version 2.0+
    Visual Studio version VS2008+
    To convert code

    Telerik online converter  


    If you've used RadControls for ASP.NET AJAX before, you would be familiar with these two properties in Telerik Reporting - Skin and SkinsPath. As their names suggest, the first one is used to specify the name of the skin, while the second one specifies the path where this skin can be found.

    Let's start with creating a folder in your web app/site named Skins, where we would place the skin. I would call that skin 'Orange' for obvisous reason - I am going to use orange colouring for the viewer's toolbar. So create a folder named Orange into the Skins folder and set Skin="Orange" and SkinsPath="~/Skins" in the markup. Next thing is to is to prepare images for the skin that we're going to use and name those images accordingly so that the viewer would recognize them. The last thing missing is a stylesheet where we would specify various css attributes to make sure the toolbar looks correct - it should be named ReportViewer.css. And voila, we're done!

    For those of you who would like to totally re-arrange the toolbar, creating a custom toolbar blog post is just for you!

Back to Top

This Code Library is part of the product documentation and subject to the respective product license agreement.