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

Failed on the scroll when some html5 object are embeb

1 Answer 8 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Manolo
Top achievements
Rank 1
Manolo asked on 02 Apr 2014, 11:34 PM
Dear friends,

I´am so happy with phonegap and Kendo UI Mobile.

But i have some problem that i have not found solution from some days ago.

When i insert/embeb some html5 object like a <iframe> <object> <video> ( i´am talking in this moment on a IOS system ) the scroll fails because the element i can put it without scroll, but then all the rest of the window elements scroll ( header and footer ).

I need, evidently, to have all static without scroll , or in some case, only scroll a normal content of the div.

This issue makes imposible open a PDF into my content area, open a video into my content area, or simply open a remote URL on my content area, because always the scroll fails scrolling the header and footer and making bad the app.

Some ideas?

Some code example of my div where i´am trying to insert content:

<div data-role="view" id="2" data-layout="tabstrip-layout">
        <div class="prueba">
        <iframe></frame>
       <video></video>
      <object></object>
        </div>

Regards

1 Answer, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 04 Apr 2014, 10:40 AM
Hello Manolo,

When you include iframe/obect/video (they all behave the same) object in the Kendo UI View, all the events like touch, tap etc. that are issued on the iframe are captured inside its document, and are not replicated to the Kendo UI Mobile View element and the scroller does not work as expected.

The scroll that you see on the header and footer element is the default kinetic "bounce like" scrolling that iOS automatically creates. If you want to stop this kinetic scrolling, you can check for a PhoneGap plugin that will do this for you.

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
General Discussions
Asked by
Manolo
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Share this question
or