Its.tab.plugin.Tool

[vietits]

A tab plugin used to add a toolbar before or after the tabbar of a tabpanel. Hope that it will be useful to you.

Latest Release
v1.1 (2012-02-15)

Screenshot
Its.tab.plugin.tool.gif

How to use

Ext.create('Ext.tab.Panel', {
        ...
        plugins: [{
            ptype : 'itstabtool',
            position: 'before',
            items : [{
                xtype: 'button',
                iconCls: 'icon-timer'
            },{
                xtype: 'button',
                iconCls: 'icon-reload'
            }]
        }],
        ...
});

Plugin config

• {String} position The position of toolbar in relation to the tabbar. It can be "before" or "after". Default to "after".
• {Object/Object[]} items A single item, or an array of child Components to be added to this toolbar

Source code
Its.tab.plugin.Tool.zip

Changelog for 1.1

• Fix the bug of appearing border around tabbar when resizing plain tabpanel

[dawesi]

nice work... I'll check it out...

Just for people searching the forums, there used to be an extension called Inline Toolbar TabPanel, and Tab Panel - Inline Toolbar....

There's another 3.x similar extension that's been ported to 4.x here also

[ajaxvador]

+1

[astronaute]

Very nice plugin !

A small bug: when there are too many tabs and arrow appear to the right, if you manually re-size the browser to be larger, the bar height increments.

I don't know if this is fixable in this plugin?

[vietits]

Very nice plugin !

A small bug: when there are too many tabs and arrow appear to the right, if you manually re-size the browser to be larger, the bar height increments.

I don't know if this is fixable in this plugin?

Thank for your feedback. However, I could not reproduce the issue that you mentioned. Could you supply me more details about this?

[astronaute]

Thank for your feedback. However, I could not reproduce the issue that you mentioned. Could you supply me more details about this?

Firefox 10, tool position "after".

Step 1: Add enough tabs in order to make tabbar scroll arrows appear.
Step 2: Resize browser window, make it larger in order to make scroll arrows disappear

Bug: as you can see, some extra lines are added and the tabbar height is modified for some reason:
Untitled-1.jpg
Hope that helps

[astronaute]

Hey vietits, can you reproduce this bug?

[vietits]

Hi astronaute,

Thank you for reporting the bug. I have fixed this bug by releasing version 1.1 and update it on the first post of this thread.

[xuzicn]

Nice work

[xuzicn]

Seems that the plain config of tabpanel doesn't work since this plugin adds a toolbar which doesnt support plain view.