This question is locked. New answers and comments are not allowed.
In an effort to find an alternative to another issue, where the [InAppBrowser breaks the layout on orientation change](http://www.telerik.com/forums/inappbrowser-breaks-layout-on-orientation-change), I'm trying to render an iframe on a regular Kendo View.
This all worked well in previous versions of Cordova/Kendo, but somehow this breaks on a live device (not debugger) on iOS7, Kendo UI Mobile v2013.3.1507 and Cordova 3.2.0.
On an actual device the debugger logs shows the following:
> Resetting plugins due to page load.
> Finished load of: file:///var/mobile/Applications/{LARGE-GUID}/Documents/index.html#test-iframe.html
Next, no more debugging lines appear. And most of the Javascript seems broken afterwards.
In order to render the page, using the `data-show` attribute, I execute the following:
function onPageShow() {
url = "http://www.youtube.com/embed/OTqO08-vIoE";
// dynamically append an iframe
$("#video-container").append('<iframe id="video-player" frameborder="0" allowfullscreen></iframe>');
// and dynamically set its url
$('#video-player').attr('src', url);
}
Note that the example uses a YouTube video, but this also occurs when using any given page such as for example www.icenium.com.
Is this a known issue? Or am I doing something wrong here?
This all worked well in previous versions of Cordova/Kendo, but somehow this breaks on a live device (not debugger) on iOS7, Kendo UI Mobile v2013.3.1507 and Cordova 3.2.0.
On an actual device the debugger logs shows the following:
> Resetting plugins due to page load.
> Finished load of: file:///var/mobile/Applications/{LARGE-GUID}/Documents/index.html#test-iframe.html
Next, no more debugging lines appear. And most of the Javascript seems broken afterwards.
In order to render the page, using the `data-show` attribute, I execute the following:
function onPageShow() {
url = "http://www.youtube.com/embed/OTqO08-vIoE";
// dynamically append an iframe
$("#video-container").append('<iframe id="video-player" frameborder="0" allowfullscreen></iframe>');
// and dynamically set its url
$('#video-player').attr('src', url);
}
Note that the example uses a YouTube video, but this also occurs when using any given page such as for example www.icenium.com.
Is this a known issue? Or am I doing something wrong here?