1. #1
    Touch Premium Member sean's Avatar
    Join Date
    Mar 2007
    Location
    Ashburn VA
    Posts
    120
    Vote Rating
    0
    sean is on a distinguished road

      0  

    Default [2.x] Ext.ux.WindowBlind

    [2.x] Ext.ux.WindowBlind


    Hello all,

    Nothing real fancy here but something that I've found to be fairly useful for applications that are window driven. In essence a blind is nothing more than a panel that slides in/out from the bottom of a window's header to display some information or to gather input. When visible the blind is the focus of the window and must be dismissed before the user can interact with the window again.

    View the demo here.

    I've added extensions for blinds that contain forms and grids. Feel free to hit me up with any ?s you may have. Not sure if there is much interest in these types of widgets but I have a few more, including a window drawer that I'll get published soon.

    Disclaimer: I haven't looked at this solution on doze. I had problems with the animations and elements that had overflow when I initially wrote something similar 10 month back. Looks good in safari and ff on osx. I'll check it out in the morn and fix any visual issues if they exist.

    Sean

  2. #2
    franckxx
    Guest

    Default


    thx, very beautiful effects !

    its look great !

  3. #3
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    16
    jack.slocum will become famous soon enough

      0  

    Default


    That's pretty hot. Great work and thanks for sharing!
    Jack Slocum
    Ext JS Founder
    Original author of Ext JS 1, 2 & 3.
    Twitter: @jackslocum
    jack@extjs.com

  4. #4
    Sencha User
    Join Date
    Apr 2012
    Location
    Austin, Texas
    Posts
    2
    Vote Rating
    0
    brian.moeskau is an unknown quantity at this point

      0  

    Default


    Really nice. If you have other examples, keep them coming

  5. #5
    Sencha User galdaka's Avatar
    Join Date
    Mar 2007
    Location
    Spain
    Posts
    1,166
    Vote Rating
    -1
    galdaka is an unknown quantity at this point

      0  

    Default


    Excellent work!!

    Grid blind fails in IE6.

    Thanks for share,

  6. #6
    Sencha User madrabaz's Avatar
    Join Date
    May 2007
    Location
    Turkey
    Posts
    125
    Vote Rating
    0
    madrabaz is on a distinguished road

      0  

    Default


    Very nice and useful work!

    Thanks a lot;

  7. #7
    Touch Premium Member sean's Avatar
    Join Date
    Mar 2007
    Location
    Ashburn VA
    Posts
    120
    Vote Rating
    0
    sean is on a distinguished road

      0  

    Default


    Thanks fellas. Hope to have a drawer widget in the next couple of weeks.

    Sean

  8. #8
    Ext User
    Join Date
    Dec 2007
    Location
    Maida Vale
    Posts
    96
    Vote Rating
    0
    dearsina is on a distinguished road

      0  

    Default


    Grid blind breaks in IE6, probably because of the 10000px CSS "bug":

    http://extjs.com/forum/showthread.php?t=21355

    Great plug-in though, looking forward to trying it at home.

  9. #9
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,496
    Vote Rating
    44
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    That's very good work, and shows a thorough understanding of complex Ext classes and effects, compliments on reading the docs, and understanding the complexities!

    I'm not sure it's the most efficient way though.

    The great thing about Ext is the foundation it gives you for creating widgets like this.

    Extending Ext.Panel offers so much in terms of capabilities. And the Blind should be a plugin applicable to any other Panel subclass.

    Just for illustration, unzip the attached file into examples/window.

    It's the "hello world" window example which uses a very simple Ext.ux.PanelBlind class to implement a blind effect over the popped up window.

    I think it should be able to be applied to any Panel subclass including FormPanels, and ordinary Ext.Panels.

    hello.zip

  10. #10
    Ext User
    Join Date
    Dec 2007
    Location
    Maida Vale
    Posts
    96
    Vote Rating
    0
    dearsina is on a distinguished road

      0  

    Default


    animal, this might not come as a surprise, but that example did not work in ie6.