1 Jun 2009 10:19 AM #1
PanelHeaderToolbar Plugin Alpha 1.0
I spent some time recently hashing out some issues and am pleased to announce that this is going alpha 1.0.
1 Jun 2009 1:18 PM #2
It would be interesting plugin about integrating toolbar inline into panel header.
1 Jun 2009 7:15 PM #3
I would definitely use it. In fact, I'd much prefer to have the toolbars in the headers as opposed to now how they look like part of the body. This would add some nice flexibility.
1 Jun 2009 10:43 PM #4
2 Jun 2009 12:03 AM #5
2 Jun 2009 4:44 AM #6
Does not work in IE7
I like the idea.
Note: The live example does not work in IE7 (bad comma maybe).
Thanks again for yet another great idea and post Jay.Joseph Francis,
CoreLan / Meeting Consultants
3 Jun 2009 7:05 AM #7
Thanks for the feedback all. I'm going to work on it more today and hopefully return with some good changes and probably beta 1.
Turns out that i have to license thise as GPL or FLOSS because it contains some Ext JS code to be modified. Just an FYI for those who want to this plugin.
3 Jun 2009 10:37 PM #8
How is the HeaderToolbar different from a regular ExtJS toolbar?
I think the screenshot indicates that the HeaderToolbar applies to the whole application instead of the current tab / panel. And there doesn't seem to any borders around the toolbar.
But it can be achived by inserting an extra panel above the center tabpanel / panel and hiding the borders using CSS.
Some description of the plugin features would clarify the functionality.
4 Jun 2009 3:33 AM #9
To most windows users, this does not make sense. But for OS X users, it does. Take a look at Firefox 3.x for OS X, you'll see a 'header toolbar' and what you know as a 'tbar'.
4 Jun 2009 3:36 AM #10
Btw, injecting a 'panel' in a 'borderlayout' to achieve this is very wasteful due to extra DOM elements and calculations required to 'resize' the panel, for the layout.
My solution simply injects an element into the header and renders to the (slightly modified) toolbar to it.
Here is another example of a header toolbar in action.