Image types in web viewer

3 posts, 0 answers
  1. Jon
    Jon avatar
    813 posts
    Member since:
    Oct 2008

    Posted 12 Sep 2014 Link to this post


    I'm looking at doing a custom skin for my web viewer.  I've already got one done with the black skin and that works fine.  What I am now looking at is one for the Silk skin, this is a little more troublesome as I'd like to use PNG files rather than GIFs for their alpha transparency.

    Is there a CSS based way of changing the various button images?

    Oh and any solution needs to respect the fact that I'm stuck on Q1 2013 release thanks to the fact that I can't yet upgrade to .net 4.


  2. Stef
    Stef avatar
    3610 posts

    Posted 17 Sep 2014 Link to this post

    Hello Jon,

    Below you can find a quote from my reply in your support ticket on the same question:

    1. You can set the viewer's width and height in percent units and call the viewer's AdjustReportAreaHeight to size it depending on the changing container's sizes. For example:
      Copy Code
          <form id="form2" runat="server">
              <div id="btn" style="width: 50px; height: 50px;" onclick="test()">
              <div id="div2" style="width:500px;height:900px;background-color:red;padding:10px;">
                  <telerik:ReportViewer ID="GenericReportTKView" runat="server" Width="100%" Height="100%"></telerik:ReportViewer>
              function test() {
                  document.getElementById('div2').style.width = '900px';
                  document.getElementById('div2').style.height = '500px';
                    <%=GenericReportTKView.ClientID %>.AdjustReportAreaHeight();
    2. Even with a custom skin, the images for the toolbar follow a specific naming. Thus they can be recognized and served properly to the viewer. My recommendation is to use entirely custom toolbar for the ASP.NET ReportViewer, which will allow you to customize it as you need it - Custom Toolbar for the Web ReportViewer.

    The above responses are considered with the fact you are using Telerik Reporting Q1 2013 SP1 version If you have chance to switch to latest Telerik Reporting versions, we introduced an The HTML5 Report Viewer, which is entirely HTML5/JS/CSS3 based widget working through a dedicated  Reporting REST service. For more details, please check  this forum thread.

    If you need further help, please let us continue the discussion in one of the threads to avoid splitting details between them.


    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.

  3. Naveena
    Naveena avatar
    9 posts
    Member since:
    May 2018

    Posted 24 May 2018 in reply to Stef Link to this post

    How Can I change the datepicker to spanish date picker of HTML5 report templates and in my application ,I  Just used like follows





    The telerikTemplate.html is loading but i could not able to figure it out and how do i localize the viewer tool tips




Back to Top