Hide spinner on iOS Cordova inAppBrowser - ios

When running InAppBrowser in iOS device and when I click on some LINK, then some spinner shows up, before the web loads. But on android inAppBrowser it does not.
How can I hide this spinner on iOS device?
I have been searching for solution, but nothing found yet.
Is there some inappbrowser option for hidding spinner?

There is an option in the InAppBrowser called hidespinner
hidespinner: Set to yes or no to change the visibility of the loading indicator (defaults to no).
More info can be found here: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/

Related

Use own menu bar in customized Cordova InAppBrowser Plugin

I have a Cordova iOS app that uses the Cordova InAppBrowser plugin. The InAppBrowser has been modified natively so that a menu bar is displayed as a header above the InAppBrowser, so that various other functionalities can be used (e.g. a drawing/screenshot function). To fulfill this requirement, the InAppBrowser plugin was forked and adapted: In addition to the standard parameters of the InAppBrowser plugin you can add offsets to our customized InAppBrowser to avoid filling the whole display and to have the possibility to show the above mentioned menu bar in the empty area.
This worked successfully for years with the following versions:
Cordova: 6.5.0
Cordova-iOS: 4.5.2
InAppBrowser Plugin: 1.6.1
After upgrading to the latest Cordova Framework we currently have the following versions in use:
Cordova: 10.0.0
Cordova-iOS: 6.1.1
InAppBrowser Plugin: 4.0.0
The InAppBrowser Plugin is forked in the same way as the old version, so that a menu bar can be displayed at the top. This seems to work optically correct respectively as before. But if you click on our navigation bar now, it doesn't react. So it looks like the plugin or the WkWebView makes an invisible glass pane over the navigation bar. You don't see this "glass pane" in the DOM elements, so it is likely that this happens somehow natively. For example, if you make a URL with "toolbar=yes", you have the possibility to close the InAppBrowser and only then, you have access to the navigation bar behind it and you can use the menu elements. There are also several parameters in the InAppBrowser plugin, which can be passed when opening a URL (e.g. PresentationStyle), but they don't have any effect.
Who had this problem and could solve it? How?

iOS cordova set DisallowOverscroll to true not only on the main screen of the app

I have a Cordova (version 6.3.1) app. This issue only occurs on iOS version of the app (Android works fine). Every time i press on a text box to insert a text after doing some scrolling, it jumps straight back to the top. After some investigating, I found out that
DisallowOverscroll=true
in cordovas "config.xml" only works on the main screen of the app, not if I go and click on a "modal" "KompressionStromper" in the video (it does not work inside there), so how can I enable it inside there? So the behaviour is not like in video?
Please see video here on iOS 10.0.2 (during the first seconds i also try to pull at the main screen from top to bottom but there the "DisallowOverscroll" option works as expected).
Any other suggestions and help will be highly appreciated.
For the specific element you can disable overscroll with jQuery.
Like:
element.ontouchmove = (event) => {
event.preventDefault();
}
I strongly suggest that you also create a directive out of it, so it will be more done in a "angular way".

How to immediately show an instance of InAppBrowser, when a controller loads, without the Ionic app becoming unresponsive?

I am using Ionic 1.2.4. I am immediately showing an InAppBrowser (https://github.com/apache/cordova-plugin-inappbrowser) via an Angular controller. I have also setup the controller to respond to taps on the page by again showing an InAppBrowser.
The initial appearance of the InAppBrowser works correctly. However, once the user taps "Done" and then taps on the revealed page, the subsequent InAppBrowser is not displayed. In addition to this it appears that the app stops responding to further gestures (the page is setup to display the number of touch gestures it has detected).
I have confirmed that there is no issue with the code that presents the InAppBrowser on taps by testing without the immediate InAppBrowser display. This results in an app where the user can indefinitely display and dismiss the InAppBrowser (and where the number of touches is correctly displayed on the page).
I have a demo of the issue here: https://github.com/ryanggrey/cordova-plugin-inappbrowser-issue. This shows all my code and dependency versions (see package.json and bower.json). touch.js is where all the above mentioned code can be found.
I'm guessing I've either found a bug in cordova-plugin-inappbrowser, or I'm using the API incorrectly. Any suggestions would be greatly appreciated!
I guess the problem is due to the inappbrowser plugin added from Cordova as some some code are missing in it. Remove the plugin and try adding it from
-
cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git
Hope it will work.

How to open url inside the app with Keno Mobile similiar to UIWebView in iOS

I want to open a url that does not exit the app when it is deployed via Cordova / Phone Gap.
UIWebView
Sample UIWebViewImage
I want to do something similar retain the top NavBar of the app, but without the address bar. When I currently visit a url it will open the whole screen into the app, without back/forward buttons or any of the navbar or tabbar navigation.
You need to use the InAppBrowser of PhoneGap.

How to change the keyboard in Phonegap iOS

I have making a phonegap app which have text fields in it.
Problem:- I want to remove the Done button from the keyboard or I want a Event listener of done button. Ether of the things will work for me.
My Problem is similar to this link
You can't remove the done button, since Phonegap uses a UIWebView to present the UI you will be stuck with keyboard used by the UIWebView.

Resources