PDA

View Full Version : Overlay of sites on Android



ChristineBauers
28 Nov 2011, 6:10 AM
Hi Community,

I have a really small example of a tabBar, that looks like the following:



var App = new Ext.regApplication({
name: 'App',
useLoadMask: true,
launch: function () {

App.views.container = new Ext.Panel({
fullscreen : true,
layout: 'fit',
items:[tabBar],

});

}
});

tabBar = new Ext.TabPanel({
tabBar : {
dock : 'bottom',

layout : {
pack : 'center'
},
cls : 'navigator_tabBar'
},
cardSwitchAnimation : {
type : 'slide',
cover : true
},
layout : 'card',

defaults : {
scroll : 'vertical'
},
//Navigation
items : [ {
title: 'Tab 1',
html: '1',
cls: 'card1'
}, {
title: 'Tab 2',
html: '2',
cls: 'card2'
}, {
title: 'Tab 3',
html: '3',
cls: 'card3'
}

]

});


When I try running this example on my HTC desire(Android 2.2), I get the following problem:

29622

Page 1 and 2 are overlayed. Does anybody have an idea what´s wrong here? Are there maybe performance problems in generall or just on HTC desire?

Thanks in advance.
Greetings

Christine

mitchellsimoens
28 Nov 2011, 11:37 AM
Do you have the tabBar variable defined after the Ext.application call?

ChristineBauers
29 Nov 2011, 1:00 AM
No, I have the tabBar defined in a separate .js file, which is called before the Ext.application code will execute