phonegap 2.2 orientation change does not resize app

Question

I didn't have this problem on previous versions of Phonegap. But in 2.2, when I change the orientation, it doesn't update the uiwebview.

Does phonegap not support landscape view by default? How do you handle this?

problem

score 50 · Accepted Answer · answered Nov 25 '12 at 13:20

50

This is not an issue with the WebView getting updated but with the meta tag in the index.html's document head.

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

After removing the unnecessary height=device-height everything works just fine

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=device-dpi" />

landscape is supported

answered Nov 25 '12 at 13:20

Stephan Bönnemann-Walenta

3,383
1
22
35

1

Thank you so much, height=device-height was working (wasn't hurting) on Android, after deleting it for iOs I re-tested with android and saw it was unnecessary in the first place, so a great solution – Kaan Soral Mar 23 '13 at 18:32
1

Yes but if you remove height=device-height you get problems with the keyboard covering the screen. – rich97 Apr 08 '14 at 11:23

score 4 · Answer 2 · answered Dec 02 '12 at 03:42

4

To add to Stephan's answer, if you need to do anything special when the orientation changes, you can set a callback function to:

window.onorientationchange

answered Dec 02 '12 at 03:42

Adam Lockhart

1,165
1
10
13

score 3 · Answer 3 · answered Jun 21 '13 at 05:05

3

I have also have same issue in ios phonegap ....

Just go and update x-code project file (IOS Application target ) change or update support interface orientation and check it all orientation .

it's work well ...

answered Jun 21 '13 at 05:05

Yep this was it. in Xcode Targets-> Your App -> iPhone/iPad Deployment Info -> "Supported Interface Orientations". Click each orientation you wish to support. By default it seems only Portrait is enabled. – notacouch Sep 09 '13 at 17:01
code-wise these options sit in `platforms/ios/appname/appname-Info.plist`, `UISupportedInterfaceOrientations UIInterfaceConstant ` replace string `UIInterfaceConstant` with any of [these constants](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIApplication_Class/Reference/Reference.html#//apple_ref/c/tdef/UIInterfaceOrientation) (so one string element per supported orientation). For iPad it's the same thing but the key is `UISupportedInterfaceOrientations~ipad`. – notacouch Sep 11 '13 at 15:30

score 2 · Answer 4 · edited Apr 28 '14 at 15:34

2

window.addEventListener(
    "orientationchange",
    function() {
        // Announce the new orientation number
        location.reload();
    }, false );

edited Apr 28 '14 at 15:34

Alexander Tobias Bockstaller

4,657
4
36
58

answered Apr 28 '14 at 15:13

user3560185

21
1

phonegap 2.2 orientation change does not resize app

4 Answers4

I have also have same issue in ios phonegap ....

Linked