PDA

View Full Version : Viewport size on Windows Phone 8



SimonFlack
15 May 2013, 12:49 PM
Long time... but now I am back :-)

I have a customer that wants to port this existing ST app to WP8.

http://wfx.no/dipsforum
(http://wfx.no/dipsforum)
or

http://wfx.no/dipsforum/?platform=ie10

43808

Our test device is a Lumia 920 with a 15:9 screen ratio.

A screenshot from the phone looks like this.

43803

As you can see the tabbar is cut on the 4th icon. In order to reproduce this look in Safari (I develop on a mac) I have to set the browser size to:

self.resizeTo(332,580)

This gives me a resonable area to simulate the layout. And looks like this.

43804

On a quick look it seems the viewport is defined as 320 x 560 (Pretty close to my browser size)



if (!Ext.microloaded && navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement("style");
msViewportStyle.appendChild(
document.createTextNode(
"@media screen and (orientation: portrait) {" +
"@-ms-viewport {width: 320px !important;}" +
"}" +
"@media screen and (orientation: landscape) {" +
"@-ms-viewport {width: 560px !important;}" +
"}"
)
);
head.appendChild(msViewportStyle);
}


So... My Question...

Is this correct? And if so why is there only room for 3.5 icons on the tabbar/appbar when windows design guides say there should be room for 4 icons.

Note: Setting Safari to --> self.resizeTo(480,800) gives a more "correct" / "expected" layout. (Actual screen size on the phone)

43807

Am I doing something wrong?

Any help appreciated.

ttphat
7 Jul 2013, 1:31 AM
I have developed an app for iOs and Android with Sencha Touch. Now i want bring these app to Windows Phone 8.

I migrated the framework to 2.2 and all works fine. In the internet explorer 10 on Windows 8 the app works great. But when i try to open the app on the emulator of windows phone 8 it doesn't word.
Windows Phone 8 shows cordova screen and then blue screen.

Plz ....help me!

nobin
27 Aug 2013, 7:02 AM
Can anyone help me on this..

I have developed an app for iOs and Android with Sencha Touch. Now i want bring these app to Windows Phone 8.

I migrated the framework to 2.2 and all works fine. In the internet explorer 10 on Windows 8 the app works great. But when i try to open the app on the emulator of windows phone 8 it doesn't word.
Windows Phone 8 shows cordova screen and then blue screen.

Plz ....help me!

allisterf
3 Sep 2013, 6:06 AM
I'm struggling with the same. Using cordova, I can't get a sencha app to initialise, though the cordova framework itself is initialising. Does anyone have any direction how to make this run? :((

Allister

inane.ensemble
11 May 2015, 12:56 AM
Hi! did you find a solution? I have the same problem... Help!!! :-)