Its.tab.plugin.Tool

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
Attachment 31102

How to use

Code:

---

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
Attachment 31711

Changelog for 1.1

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

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

+1

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?

Quote:

---

Originally Posted by 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?

---

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

Quote:

---

Originally Posted by vietits

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:
Attachment 31382
Hope that helps :)

Hey vietits, can you reproduce this bug?

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.

Nice work=D>

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