Loading external webpages in iFrames

[Nikolaus]

Hi,

I'm trying to load a page in an iFrame, but the iFrame just remains blank. I tried links in my local network, and external ones, but neither worked. I found the following tutorial: http://docs.telerik.com/platform/knowledge-base/troubleshooting/troubleshooting-ios-cannot-load-iframe

However, even after following those steps, it didn't work.

I added <allow-navigation href="*" /> but it had no effect (<feature name="IntentAndNavigationFilter"> was already in my ios config).

Next I tried the Cordova-proposed solution: https://cordova.apache.org/docs/en/latest/guide/appdev/whitelist/

I added <access origin="*" subdomains="true" /> but this also had no effect.

Could anyone help me with this? Am I doing something wrong in my Config, or is there some additional setting I'm missing?

[Nikolaus]

I also tried adding a content security policy header to my layout page (index.html), but that didn't work either. It makes my app render blank, until I switch to another app and switch back again.

<meta http-equiv="Content-Security-Policy" content="default-src 'unsafe-inline' 'unsafe-eval' *">

[Nikolaus]

I also just tested this on Android. It worked out of the box on Android (without the content security policy header), and I didn't have to change anything in the config file. So it seems the issue only exists on iOS (tested on latest iOS version).

[Garo]

Hello Nikolaus,

I am unable to reproduce this behavior on my side. I have created a sample app and made the modifications recommended by this KB article. I tested the app on an iOS 10.3.1 device and it is working as expected. I have attached the sample app to this ticket for your reference.

I hope this helps.

Regards,
Garo
Telerik by Progress