View Full Version : Styling floating tabpanel

2 May 2011, 7:17 AM
I have a strange bug: if I include tabpanel into floating element, it looks like 25867 As I understood, this panel style is set by .x-floating.x-panel-body. But changing the whole parameter changes all panel-bodies. How can I fix this? Thank you.

7 Jun 2011, 10:56 PM
Same here.

var popup = new Ext.Panel({
floating: true,
modal: true,
centered: true,
width: 400,
height: 300,
items: [{
xtype: 'tabpanel',
ui: 'light',
items: [{
title: 'Details 1',
text: 'bb'
title: 'Details 2',
text: 'bb'

8 Jun 2011, 2:46 AM
I've found the solution:

var myTabBarTop = {
//For every Ext.TabPanel write tabBar: myTabBarTop
ui: 'light',
dock: 'top',
baseCls: 'x-tabbar',
layout: {
pack: 'center',
type: 'hbox'
The reason of the bug is that it changes baseCls to x-tabbar-floating, I suppose. It is not defined and so, sencha changes appearence to default x-panel-floating, which is white. Giving baseCls for the tabBar directly gave a result.

8 Jun 2011, 3:39 AM
Works! Thanks!

26 Jul 2011, 7:37 AM
Thank you! Your solution helped me greatly.

Di Peng
3 Oct 2011, 12:31 PM
Thanks that helped me as well!!!!