View Full Version : TAB PANEL

1 Aug 2012, 10:27 PM
please give me any sample code/any suggestion for making color change and disable border of bbar in apanel. and also how to make tabs in a tabPanel centralize.screen shots given.http://www.sencha.com/forum/attachment.php?attachmentid=37648&d=1343795278

2 Aug 2012, 8:21 AM
You simply need to modify the CSS to change the look of our components.


2 Aug 2012, 9:36 AM
After your tabpanel is rendered you can get access to the panel's tabBar and insert Ext.toolbar.Fill items at the front and back of the tabBar's items. That's how I've done it in the past at least. Don't believe there's a config option for that natively and adding tabs programatically will require that you take the bookending tbfill components into account, but it works.

2 Aug 2012, 8:37 PM
Actually I went through the CSS of tabPanel but get confused and lost balance.so please can any one post the CSS Script.

2 Aug 2012, 11:52 PM
Nope cant post you css script.
Use firebug or chrome dev tool to inspect the dom element css class and styles and override it with your own.
You can even test it by changing the css value in the debugging tool and see if it does what you want.

If you dont understand what Im saying - have a look at - http://michaelsync.net/category/firebug