Disable auto-rotate in Jquery Mobile or PhoneGap

Question

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 1

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">

Answer 2

For iOS, edit the PhoneGap.plist file (e.g. in Xcode). Make sure only portrait is set and uncheck autorotate.

On Android, you need to edit AndroidManifest.xml. Add android:screenOrientation="portrait" in the activity.