I am currently building my first HTML5 iOS app. Here is a screenshot of the HTML5/CSS3 app so far - http://prntscr.com/3km4wd
I want the app to be like the Medium.com app so that the user can swipe across and it will load a new quote, also I need to know how another quote can be loaded up. Thanks.
Try to use HammerJS in your html/javascript for swipe and many more gestures.
Related
I just added a web app manifest to my web app in order to have a better mobile experience.
When I now add my web app to my iOS home screen everything looks just like a real app, but unfortunately right and left swipe to jump to the previous seen page is not working anymore. It seems to be disabled.
Is there a way to enable this again?
When running the web app in safari the swipe gesture works just fine.
In my web app manifest I have
"display": "standalone" set.
I do not want to show the browser controls, it is supposed to look like a real app.
Is there a way to have the swiping enabled anyways again?
Thanks in advance!
Best regards
Chris
I never remember having this, but check out Framework7.io, they can do that with their framework 😀
I want to go back and forward in my iOS apps WebView using "Screen Edge Pan Gesture Recognizer" like in Apples mobile Safari browser. Best would be if animated like in Safari.
Currently I use "Swipe Gesture Recognizer" but it isn't very easy to use for the users. Especially it doesn't work if user has zoomed the webpage.
Does anybody have a sample code, a manual or any other help?
This functionality is much easier to implement in WKWebView. You should simply set allowsBackForwardNavigationGestures property to YES.
WKWebView is a modern replacement for UIWebView, made by Apple. See link for details. You should link with WebKit.framework to use it. Unfortunately there is no Interface Builder support, see this answer.
Note that WKWebView available starting from iOS 8. Most likely you will receive crash on application start on earlier iOS versions. But it's possible to use UIWebView on pre-iOS 8, and WKWebView for iOS 8 and later. Take a look on this github project as an example.
I have put the meta tags in my html header to transform my site into an fullscreen webapp. Everything is working fine, without the known swipe back gestures from safari.
Does anyone know why its not working and how to fix it?
This gesture is not supported in full screen web apps. I suggest adding the appropriate UI to your web application so that the user can navigate without it. Hopefully this is something that gets added in the future.
I'm creating an ios/android app that is implemented with partially native code and html5/css and built-in mobile webkit, I need to make it support both ios and Android, hence the html5/css selection. In my app I created a tabbar with 4 tab buttons, each tabview contains a webview, the tabs and tabbars are implemented natively, meaning the code for this is either objective-c or Java. What happens in those webviews are html5/css/js... I wonder if this is the appropriate way to implement it, or should I wrap the whole thing up in one single webview, and implement everything using html5, including the tabbar. Or let me ask this way, what did facebook do with its tabbars in its app? I'm concerning about user experience and seamless transition/animation.
If I can mimic the native ios/Android tabbar using html5, how may I? Anyone could maybe provide a link to a tutorial? Thanks!
I am developing an app that needs to be able to print out name labels after a user finishes a registration process. It needs to do this without displaying a popover which is automatically created when using UIPrintInteractionController.
I know other apps have approaches where they print directly after the user touches a print button that is placed in the view controller. Fx the iPrint&Label app by Brother.
How can I create a similar button that allows the application to print automatically without displaying the popover dialogue box?
p.s The application doesn't have to be app store clean, the final application will only be installed on two specific iPads.
p.p.s this is my first entry on stackoverflow, I hope I'm not being to much of a newbie :-)
It is possible on iOS 8 and newer - use printToPrinter:
Docs here: https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIPrintInteractionController_Class/index.html#//apple_ref/doc/uid/TP40010141-CH1-SW34