In this quick tutorial we will show you how to add a simple button to your jQuery Mobile app that takes your user to a random page of your app. The pages are drawn from a list of pages that you create. The code for doing this is really quite simple. So lets get to it.
jQuery Mobile: Add Splash Screen to Android or iOS
In this tutorial we will show you how to add a splash screen to your iPhone or Android mobile application in jQuery Mobile.
If you are using phonegap build you will notice there is no way to edit the AndroidManifest.xml file. That is fine because we don’t need to. We actually need to modify or create the config.xml file. Any attempt to modify the AndroidManifest.xml file will result in the licence for that install becoming invalid and so useless to us. However the AndroidManifest.xml file is built using the information contained within the config.xml. So lets begin. Continue reading
jQuery Mobile: Install and Test Phone app on iOS with Phonegap
In this quick tutorial we will show you how to install a phone app you have downloaded from Phonegap on an iOS device for testing. All we need to put our phone app onto our iPhone,iPod or iPad is iTunes. We will also need our provisioning file the same… Continue reading
iPhone PhoneGap: gap_poll error when testing on iOS
Recently while working on app for iPhone I received a error message that would continually loop. There is not a lot of information out there on the gap_poll error so I though I would share the quick solution to it with you. This applies if you get any of the following errors:… Continue reading
jQuery Mobile: Accessing the Photo Album with Cordova 2.0
In this tutorial we will show you how to access the phones internal photo album within your jQuery Mobile app. By the end of this article you will be able to go to the photo album, select and image and return to the same page and display the image selected inside your jQuery Mobile app. We will be adding to the code from the previous tutorial so check it out.
For this like our last tutorial we will be using Cordova 2.0 to acheive this. If you have not done this tutorial it is advised you go take a quick look at it now before proceeding. jQuery Mobile: use Phone Camera using Cordova 2.0
jQuery Mobile: Use Phone Camera using Cordova 2.0
In this tutorial we will show you how to give your jQuery mobile app access to the phone camera and take a simple photo. We will be using Cordova 2.0 to accomplish this. We will begin by ensuring the the camera is active, creating a button to go to the camera and then return to the application and display the photo.
Doing things with these photos will come in subsequent tutorials coming soon. For information on how to access the Photo Album please visit jQuery Mobile: Accessing the Photo Album with Cordova 2.0
jQuery Mobile: Fixed Floating Footer with iScroll
In this tutorial we will be showing you how to fix the bug in jQuery mobile with fixing your footer to the bottom of the page in the floating position. It is a common problem with a lot of dud solutions out there so I will sharing with you the best fix I have managed to find after many hours of research.
Often if you do manage to get the footer to float in the right position with jQuery mobile the button stop working the moment you start scrolling. This solution gets the footer to remain fixed to the bottom of the mobile screen while keeping the button functioning fully.
jQuery Mobile: Set Page Transitions for all Pages
In this quick tip we will show you how to set the transition type for all of your pages globally when using jQuery Mobile for mobile Design. This will save us from having to set the transition type on all our buttons and pages. So we end up with less work to do and if we need to change our transition because a platform we are designing for doesn’t support it we can quickly and easily change it.