how to add title to tab bar

[tubilik]

Hi,
I wanna add a title to tabBar but I couldn't find a config option for this problem. Do you know any solution or trick? Thanks for your help

[AndreaCammarata]

Hi tubilik.
There's no title config for a tabBar. Did you mean on Toolbar? If not, where you want to place that title on a tabBar?
Try to explain me better where you wanna place it.

[tubilik]

I am using tabPanel for listing meals. I have two tabs called Diet and Normal, they are located at the right side of tabBar. I want to display the date at the center of the tabBar

[bwg]

You can't do that.

Change your tab panel to a standard panel with card layout.

Add a docked toolbar with two buttons aligned right with handlers for changing the cards and the title property set to a formatted date string.

If you want your toolbar buttons to appear more like tabs, then you'll have to modify the CSS after you change the icon position.

[diractor]

I have achieved this by using a spacer:

            {
                xtype: 'tabbar',
                docked: 'bottom',
                items: [
                    {
                        title: 'September 2012',
                        iconCls: 'arrow_left',
                        iconMask: true
                    },
                    {
                        xtype: 'spacer',
                        style: 'color: #FFFFFF; text-align: center;',
                        html: 'Oktober 2012',
                        width: 200
                    },
                    {
                        title: 'November 2012',
                        iconCls: 'arrow_right',
                        iconMask: true
                    }
                ]
            }