This is a migrated thread and some comments may be shown as answers.

Image types in web viewer

2 Answers 25 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Jon
Top achievements
Rank 1
Jon asked on 12 Sep 2014, 02:41 PM
Hi,

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.

Regards

Jon

2 Answers, 1 is accepted

Sort by
0
Stef
Telerik team
answered on 17 Sep 2014, 01:12 PM
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
    <body>
        <form id="form2" runat="server">
            <div id="btn" style="width: 50px; height: 50px;" onclick="test()">
                CLICK
            </div>
            <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>
            </div>
        </form>
     
        <script>
            function test() {
                document.getElementById('div2').style.width = '900px';
                document.getElementById('div2').style.height = '500px';
                  <%=GenericReportTKView.ClientID %>.AdjustReportAreaHeight();
            }
        </script>
    </body>
  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 7.0.13.426. 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.

Regards,
Stef
Telerik
 

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.

 
0
Naveena
Top achievements
Rank 1
answered on 24 May 2018, 12:21 PM

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

        @(Html.TelerikReporting().ReportViewer()

        .Id("reportViewer1")
 
        .ServiceUrl(Url.Content("/api/reports/"))
       
       
        .ReportSource(Model.TypeReportSource)

        .ViewMode(ViewMode.PrintPreview)

    .......

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

 

 

 

Tags
General Discussions
Asked by
Jon
Top achievements
Rank 1
Answers by
Stef
Telerik team
Naveena
Top achievements
Rank 1
Share this question
or