PDA

View Full Version : Tab Bar not docking on bottom ( Android ) - HELP



applauz
13 Sep 2011, 7:16 AM
For some reason on Android my tabBar is not docking flush along the bottom of the phones.

Has anyone encountered this ?


Any help is appreciated.

grubby69
13 Sep 2011, 7:20 AM
In my application it is ok.
Could you post the code?

applauz
13 Sep 2011, 7:32 AM
//Config
config = Ext.apply({
id: 'TabPanel',
cls: 'fadein',
cardSwitchAnimation: 'fade',
fullscreen: true,
monitorOrientation: true,
//layoutOnOrientationChange: true,
tabBar: {
cls: 'toolbar',
style: 'background-color: #000',
dock : 'bottom',
layout: {
pack: 'center'
}
},

grubby69
13 Sep 2011, 10:36 PM
I,m sorry but I thought was a TOOLBAR (the one I used)...
but how you dosn't try the example in API doc?

Example code:
var bar = new Ext.TabBar({ dock : 'top', ui : 'dark', items: [ { text: '1st Button' }, { text: '2nd Button' } ]});var myPanel = new Ext.Panel({ dockedItems: [bar], fullscreen : true, html : 'Test Panel'});
bye!

edspencer
14 Sep 2011, 12:10 AM
You can just use the TabPanel's tabBarDock config to achieve this:



new Ext.TabPanel({
tabBarDock: 'bottom',
//the rest of your config as normal
});

applauz
16 Sep 2011, 6:33 AM
I am already using this parameter




//Config
config = Ext.apply({
id: 'TabPanel',
cls: 'fadein',
cardSwitchAnimation: 'fade',
fullscreen: true,
monitorOrientation: true,
//layoutOnOrientationChange: true,
tabBar: {
cls: 'toolbar',
style: 'background-color: #000',
dock : 'bottom',
layout: {
pack: 'center'
}
},



dock:bottom is working with every device except for Android.

edspencer
16 Sep 2011, 10:52 AM
I'm away from our test devices at the moment, could you try the tabBarDock config instead?