Scroll report viewer by finger on touch screen

[Luca]

Hi,

I've just create an ASP.NET MVC application with report viewer for ASP.NET MVC.

Everything is working fine but the only issue is currently that if I open the web page from a tablet I can't scroll the report up and down by swiping with the finger.

 

I've seen that within the div where the report is displayed and so where the scrollbars come up there is the style "touch-action: none" hardcoded: by using the debug tools i've changed the value of the property to "auto" and the swipe with the finger then works.

How I can do it with a javascript function? I tried by catching the RenderingEnd event and by "jquery $(".trv-page-wrapper").css("touch-action", "auto");" without success...

Please help me...

 

Thx.

 

 

Luca

 

[Stef]

Hi Luca,

If you are using the HTML5 Viewer, you can use kendo.all.min.js instead of the subset of Kendo UI widgets provided by default. By using kendo.all.min.js you will include the mobile support for widgets and you will be able to use gestures to control the viewer.


If you are using the obsolete WebForms ReportViewer, its structure is built by IFRAME elements and injecting CSS is a matter of a hack. We recommend migrating to the HTML5 Viewer, or a temporary workaround  to downgrade the documents DOCTYPE.

Regards,
Stef
Progress Telerik