View Full Version : Tabbar Dock one Item

15 Apr 2014, 11:58 PM
I have a tabbar with tabs and an icon on the end.

The tabs have to be created dynamic.

If there are to many tabs I got this arrows.
This is fine, but I want to have the icon out of them so it is shown all the time.
If I put the icon in dockedItems it is not shown anymore.
I tried to dock it in different ways, but nothing did work.


Here is my Code i have so far:
My Tabs come from the controller. This has to be so, because if a user klick something, a new tab is generated.

{ xtype: 'panel',
id: 'overtabpanel',
width: '100%',
height: 500,
layout: 'fit',
items: [ {
xtype: 'tabpanel',
id: 'apptabpanel',
layout: 'fit',
activeTab: 0,
tabBar: {
height: 30,
items: [ {
xtype: 'tbfill'
xtype: 'image',
width: 150,
id: 'appcenterhomebutton',
src: 'resources/images/homebutton.png'
} ]

Gary Schlosberg
30 Apr 2014, 5:42 AM
I tried to get his working, fiddling with layouts and such, but haven't had any luck. I think the image may need to be outside of the tab bar for it to stay visible. There is no 'dockedItems' config for the tab bar so I'm not surprised that it didn't show up. Have you had any luck?

1 May 2014, 10:52 PM

no i had no Luck.

I tried dock and fixed but it didn't work.