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
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
0
Hello Jon,
Below you can find a quote from my reply in your support ticket on the same question:
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
Below you can find a quote from my reply in your support ticket on the same question:
- 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><formid="form2"runat="server"><divid="btn"style="width: 50px; height: 50px;"onclick="test()">CLICK</div><divid="div2"style="width:500px;height:900px;background-color:red;padding:10px;"><telerik:ReportViewerID="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> - 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
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