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

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:

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:


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