Disable auto-rotate in Jquery Mobile or PhoneGap

jquery iphone mobile cordova mobile-website
Mustafa Hanif picture Mustafa Hanif · May 19, 2011 · Viewed 13.1k times · Source

Although cross platform development for mobile devices is so good. There isn't a simple option to disable auto-rotate or lock into one orientation i.e. portrait or landscape.

Is there anyway either in Jquery Mobile, PhoneGap, XUI anywhere ?

If yes then please help. Its driving me nuts.

Answer

David Dehghan picture David Dehghan · Jun 13, 2011

To complete the answer above.

On iPhone add this to -info.plist:

<dict>
`.....
    <array>
        <string>UIInterfaceOrientationPortrait</string>
        <string>UIInterfaceOrientationPortraitUpsideDown</string>
    </array>
..........
</dict>

on Android to AndroidManifest.xml

<activity   ........      android:screenOrientation="portrait">

Related questions

How to check browser for touchstart support using JS/jQuery?

In an attempt to follow best practices, we're trying to use the proper JavaScript/jQuery events according to what device you are using. For example, we're building a mobile site that has an tag that will have an onclick or …

Read More
How to fix jQuery Mobile's fixed footer?

Using jQueryMobile, I've included data-role="footer" data-position="fixed" in the markup, but two bugs persist: Footer toggles on a null click event. Footer isn't fixed, and hides some of the page content. I'm testing with iPhone 3g. Any ideas? Thanks …

Read More
iphone/ipad triggering unexpected resize events

I'm working on a mobile version of my site. I'm using media queries and CSS as much as possible, but I'm also using some javascript to, for example, turn my navigation into a collapse/expand list on smaller devices to …

Read More