PDA

View Full Version : Portrait Mode display issue, half of panel is displayed



beefwellington
18 Apr 2011, 10:21 AM
I'm having some issues with ST that I am beyond lost in.

So this is what I have in my javascript file:


Ext.setup({
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
glossOnIcon: false,

onReady: function() {

var pnlMain = new Ext.TabPanel({
tabBar: {
dock: 'bottom',
layout: {
pack: 'center'
}
},
fullscreen: true,
ui: 'dark',
cardSwitchAnimation: {
type: 'slide',
cover: true
},
defaults: {
scroll: 'vertical'
},
//dockedItems: tlbrTop,
items: [
{
title: 'Tab 1',
html : '1',
cls : 'maincard',
iconCls: 'info'
}
]
});
}
});
And this is my output:

25699


I'm at a loss of what would be causing this. I'm using a Gen4 iPod Touch with iOS 4.2 and I've also tested it on an iPod Touch Gen 3, iOS 4.0 and received the same result. No custom CSS file is being used. If I turn into landscape view, there is no gap at the bottom of the page.

Any idea what could be causing this?

You can test it yourself at www.mglomb.com/itest