25 Feb 2008 6:43 PM #1
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.
25 Feb 2008 8:11 PM #2franckxxGuest
thx, very beautiful effects !
its look great !
25 Feb 2008 10:25 PM #3
That's pretty hot. Great work and thanks for sharing!Jack Slocum
Sencha Co-Founder, Ext JS Founder
Original author of Ext JS 1, 2 & 3.
25 Feb 2008 10:37 PM #4
Really nice. If you have other examples, keep them coming
25 Feb 2008 11:42 PM #5
Grid blind fails in IE6.
Thanks for share,
26 Feb 2008 3:50 AM #6
Very nice and useful work!
Thanks a lot;
26 Feb 2008 9:02 PM #7
Thanks fellas. Hope to have a drawer widget in the next couple of weeks.
27 Feb 2008 3:52 AM #8
27 Feb 2008 4:08 AM #9
- Join Date
- Mar 2007
- Notts/Redwood City
- Vote Rating
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.zipSearch the forum: http://www.google.com/coop/cse?cx=01...%3Az7of1ufqccu
Read the docs too: http://extjs.com/deploy/dev/docs/
27 Feb 2008 5:30 AM #10
animal, this might not come as a surprise, but that example did not work in ie6.