My iOS app is an entire WKWebView screen. The WKWebView is just a simple angularJS web application that is designed for mobile. I'm running into an issue where once the user clicks on any textfield on the website through the iOS app the navigation bar disappears and then comes back when the user clicks out of any textField. The navigation bar is apart of angularJS so I can't do something like navigationController?.hidesBarsWhenKeyboardAppears = false on the native iOS side because the navBar is built into the website. I noticed android doesn't have this issue so please can someone help me fix this issue for iOS. Here is a screenshot of what i mean
screenshot of what I mean
Have you embed your viewcontroller inside a navigation controller?
Related
I'm creating a simple Ionic starter and I'm having some issues with the navbar. Whenever I access a list item and go back to the list, the navbar disappears during the animation. This only happens on iOS as the animation is different on Android. You can see the animation in the GIF below.
I'm using ionic-angular 3.0.1 and Angular 4.0.0.
Do you have any idea how to solve this issue?
I figured out the issue. I used the class 'header' to set the background. This class is shared on iOS in navbar, which caused it to change during the animation.
I'm looking for a way to dismiss the navigation bar of the iOS Chrome browser, programmatically. I mean, without the use of user gestures.
I've tried the Web Fullscreen API without success.
It looks like this Browser has poor documentation and resources.
I am finishing an iPhone app for my company.
I am using Xcode and Xpages, as we are a Lotus Notes shop.
In Xcode I am using a UINavigation Controller with a Table View for selections. One selection is the Company Directory, which is an Xpage using the Xpages Mobile Controls (Single Page Application and then Application pages, etc.). This works fine EXCEPT for the navigation hand off between the Xcode parts of the app and Xpages. I end up with two sets of navigation controls, which is not good.
Any ideas how I can get around this?
Bryan
OK, I think I figured this out.
It really isn't anything to do with Xpages, but with using UIWebViews within iOS.
The problem was that on the first webView, I wanted to show the iOS Navigation, but in any subsequent ones I didn't want to - would just prefer to use the web navigation.
There is a delegation method in iOS Web views that allows you to show or hide the navigation bar. I added this delegate and just check to see which page I am on. If on the first one, I show the iOS Navigation, else I suppress.
This works great!
I have banner ads (mopub with AdMob and iAds) implemented in my app. When I click "Visit Site" on some ads I get a seemingly very nicely embedded UIWebView or browser experience with site navigation and a "Done" button in the lower right hand corner. Tapping "Done" takes me back into my app.
What exactly is providing the embedded browser experience here and how do I replicate it in my app? Is this a UIWebView buried somewhere in AdMob/iAds/etc SDK? I have already embedded a UIWebview, but I would like to leverage whatever framework and code the Aads are using if possible and provide a consistent experience.
Looks like SVWebViewController is exactly what I am looking for.
I'm currently hiding the address bar on iOS using the standard scrollTo technique (something like this). I am also using an iOS 6 smart app banner, but when using the above technique to hide the address bar the smart app banner is also hidden up by the address bar off the top of the screen.
Is there any way to hide the address bar but not the smart banner?
Long story short, the clever folks at HTML5 Boilerplate have already solved the problem in their mobile version.
Check out MBP.hideUrlBarOnLoad in helper.js, which hides the address bar and doesn't hide the smart app banner. It appears that the key difference is probably MBP.getScrollTop, which gets a more intelligent scrolling point than simply scrolling to 1.