Custom Skinning Q2 2014 Web Forms ReportViewer

2 posts, 0 answers
  1. Mark
    Mark avatar
    12 posts
    Member since:
    Oct 2012

    Posted 29 Sep 2014 Link to this post

    I am working on a new Web application that uses a
    ReportViewer. I am familiar with doing this with previous versions. However,
    when I attempted to customize the Skin for the ReportViewer I noticed that the
    images for the tool bar where missing. I copied them as well as the
    reportviewer.css to the appropriate folder[s] and the page could not find the
    images. I ended up having to separate the most of images into the same
    directory that the ReportViewer was located in. For example root/Controls/Skins/Custom,
    while the reportviewer.css and Background.gif remained in root/Skins/Custom. Also
    I noticed the PrintPreview.gif did not exist because I had copied the Skins
    folder from an older version. I looked everywhere for a current version of the
    Q2 2014 Skins folder and could not find anything. Moreover there is no
    documentation for custom skinning the new Web Forms version of the

    Another problem! When I
    ref the SkinPath with SkinsPath=”~/Skins” the resulting improper references are
    written to the header of the Web page:

    <link rel="stylesheet" type="text/css" href="//Skins/Custom/ReportViewer.css" />
    <link rel="stylesheet" type="text/css" href="/Telerik.ReportViewer.axd?optype=Resource&version=" />
    <link rel="stylesheet" type="text/css" href="/Telerik.ReportViewer.axd?optype=Resource&version=" />

    This is not correct
    => “//Skins/Custom….” I don't think 804&name=Resources...... is correct either.
    Could someone point me to the location to find the current skins directory for Q2 2014 and maby tell me what is going on with this?

  2. Stef
    Stef avatar
    3610 posts

    Posted 02 Oct 2014 Link to this post

    Hello Mark,

    The ASP.NET ReportViewer has only four predefined skins. If you need to additionally style the viewer, you can use the approach described in the Applying custom skin to the web report viewer code library.

    The relative path to the folder with the skin can be set on the viewer's SkinPath property. The code library illustrates how and where the resources for the viewer must be gathered in order to be found and served. All CSS files will be linked in the header element of the page, where default once are distributed by the Telerik.ReportViewer.axd handler.

    Our recommendation is to switch to the new HTML5 Report VIewer, which provides more styling options as it is a client-side HTML5/CSS3/JS widget, served by a running Reporting REST service, which is dedicated to work with the viewer.
    For more details, please check  this forum thread and the Customizing the HTML5 Report Viewer help section.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top