HeaderToolbar Plugin in development - suggestions/comments welcom

[jay@moduscreate.com]

I spent some time recently hashing out some issues and am pleased to announce that this is going alpha 1.0.

http://tdg-i.com/190/panelheadertoolbar-goes-alpha

Live examples:
http://tdg-i.com/js/examples/ext3/plugins/panelheader/
http://tdg-i.com/js/examples/ext3/pl...out_example.js

[demongloom]

It would be interesting plugin about integrating toolbar inline into panel header.

[MD]

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.

MD

[galdaka]

Excellent Jay!!

I hope your work!!

Greetings,

[mystix]

Excellent Jay!!

I hope your work!!

Greetings,

wow, that's new.

i was half expecting another "Not work in IE6" remark from you.

[Joe]

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.

[jay@moduscreate.com]

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.

[tonedeaf]

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.

[jay@moduscreate.com]

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.

Correct. The purpose of it is to have a Toolbar aesthetically abstracted for a Container, which is located in the header.


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'.

[jay@moduscreate.com]

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.