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.
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.
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.
[2.x] Ext.ux.WindowBlind
Reply With Quote
