iPad: embedded report not scrolling

iPad: embedded report not scrolling

NOTE: This is not a Creator problem. It is a problem of rendering on the iPad and the scrolling works fine on a laptop, however I am hoping that someone can help me.
Here is the problem:
An embed script can be generated from a Zoho Creator report and used to embed the report into a page in a Google site. The embed snippet looks like this:

<iframe height='500px' width='100%' name='reportEmbed-CLIENTRR1' frameborder='0' scrolling='auto' allowTransparency ='true' src=' https://creator.zoho.com( actual address deleted )

When the site is viewed on the IPad the report will not scroll.

From some internet research it appears that the following may resolve the issue but I have no idea on how to write CSS to include it in the script, does it it go Inside the little < > ???

Here are the ideas from the Internet research:
shadab
# MAY 12, 2014 AT 9:12 AM
try to add CSS3 property [ -webkit-overflow-scrolling:touch; overflow:auto;] to the parent container. Worked fine!


Renato Dantas
Hi, it did not work for me! but I could figure out a little trick after reading this post: https://css-tricks.com/forums/topic/scrolling-iframe-on-ipad/
Just put an !important after that and works just fine!
-webkit-overflow-scrolling: touch !important;
overflow-y: scroll !important;