1. #1
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default PanelHeaderToolbar Plugin Alpha 1.0

    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.

    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



  2. #2
    Sencha User demongloom's Avatar
    Join Date
    Apr 2008
    Location
    Israel
    Posts
    30
    Vote Rating
    3
    demongloom is on a distinguished road

      0  

    Default


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

  3. #3
    Sencha User MD's Avatar
    Join Date
    Mar 2007
    Posts
    178
    Vote Rating
    0
    MD is on a distinguished road

      0  

    Default


    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

  4. #4

  5. #5
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    5
    mystix will become famous soon enough

      0  

    Default


    Quote Originally Posted by galdaka View Post
    Excellent Jay!!

    I hope your work!!

    Greetings,
    wow, that's new.

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

  6. #6
    Ext User Joe's Avatar
    Join Date
    Apr 2007
    Posts
    243
    Vote Rating
    0
    Joe is on a distinguished road

      0  

    Default Does not work in IE7

    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

  7. #7
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    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.

  8. #8
    Ext User tonedeaf's Avatar
    Join Date
    Dec 2007
    Posts
    137
    Vote Rating
    1
    tonedeaf is on a distinguished road

      0  

    Default


    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.

  9. #9
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    Quote Originally Posted by tonedeaf View Post
    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'.

  10. #10
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    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.