I have a WebView which loads a web form containing within an iframe as shown below.
It should go to the next step (again an iframe similar to the screenshot where the url remains the same) once the "next" button is pressed with valid credentials. However, in iOS it keep refreshing the page, but it works successfully in Android and also if I launch the page independently in Safari browser in iOS, it works just fine.
Additionally I integrated the Safari browser using "SafariServices" to the app but ended up refreshing the page again as before.
Can someone help me figuring out how to get it to work?
I am using the WebView as below
<WebView
style={styles.WebViewStyle}
source={{uri: newStudentUrl}}
javaScriptEnabled={true}
domStorageEnabled={true}
scalesPageToFit={true}
renderLoading={this.ActivityIndicatorLoadingView}
startInLoadingState={true}
/>
Thanks. Your help is greatly appreciated
Related
In ios webview app, iframe was used to load the site, but a window open occurred.
For example, I imported a google page as an iframe, but when I go to safari, a google page pops up, and within the app, it pops up except for the iframe.
Current development is swift, and when using javascript and html iframe I get the above error.
We are loading Extjs Web app from our existing web app. We done something like this below
<iframe width="100%" height="400px" src="http://examples.sencha.com/extjs/6.2.0/examples/kitchensink/"></iframe>
When we open this localhost link iPad safari. iFrame is loaded fine, but when I click on buttons or links it is not responding.
If I replace iframe src link to something else, it works fine. Is it know Extjs issue or is there any workaround for this.
Thank you.
I got the same issue. Eventually, it turns out that this is an iOS iframe problem that doesn't pass "touchstart" event to iframe.
To solve problem put this code to the parent window :
function dummy() {
// console.log("A bug? Where?");
}
addEventListener("touchstart", dummy, false);
You can see original post from this link
I'm using PhoneGap with AngularJS framework.
I want to display a web page. I tried to use iframe but scroll isn't working.
I want to keep this page inside my app and not as a in app browser or external browser.
My app is running on iOS, Android and WP8 both.
Some help please :)
Thanks in advance
function loadWebView(pid)
{
var url = "http://dummysite.com/index.php/catalog/product/view/id/"+pid;
$("#div_load_page").html('<object data='+url+' class="webview"/>');
};
This is simple jQuery I've applied in my phonegap application which gives me the desired result. Scroll bars are visible and depend on site's responsiveness and size.
See Result.
I am developing an app using Appcelerators Titanium. The app consists of a webview. The webview shows i local page, iframe.html, and this iframe's src is pointed to a remote page.
However, this doesn't work out as i expected since it doesn't seem like the remote page can't store cookies when wrapped in an iframe. It works great on desktop and other devices. This seems to be an issue exclusive to iOS. I need the iframe, and i need cookies. What can i do to solve this?
My BlackBerry app uses BrowserField to display web pages. I have implemented the eventOccurred() method for the RenderingApplication. The first page loads fine. EVENT_BROWSER_CONTENT_CHANGED is fired after the URL is requested (EVENT_URL_REQUESTED) and the first page loads fine.
A button on the first page redirects to a different page. This works on a regular browser. On the simulator, the same page gets loaded again when the button is clicked. When I debug, I see that the EVENT_URL_REQUESTED is getting fired but the event.getURL() is same as the first page URL. I don't understand whats going on and if I am missing anything very obvious. Can anyone help please?