Modal Dialog Background Dimmer

Wed, 06/14/2006 - 22:31 — jvolkman

Greetings,

I've created a component that dims and disables all components under a modal WindowPane (technically any modal component, but I've only tested WindowPanes).

This is similar to EPNG's LightBox component, but under the hood it's a bit different. Instead of explicitly showing and hiding the component, it works automatically when a modal component is placed on the screen. To do this, I override the EchoServerMessage.processApplicationProperties method and check to see if a modal component has been set (the original method still functions as usual.. I basically just added a few lines to it).

The component supports both CSS-stylized opacity, and image overlay opacity. In the CSS mode, the component can be configured to animate the dimming, giving a nice fade out effect.

Works on IE and FF with the CSS mode.

UPDATE:

Please download the latest dimmer version from this thread.

Development (Echo2)

Wed, 06/14/2006 - 23:49 — PTR

jvolkman wrote:

Greetings,

I've created a component that dims and disables all components under a modal WindowPane (technically any modal component, but I've only tested WindowPanes).

This is similar to EPNG's LightBox component, but under the hood it's a bit different. Instead of explicitly showing and hiding the component, it works automatically when a modal component is placed on the screen. To do this, I override the EchoServerMessage.processApplicationProperties method and check to see if a modal component has been set (the original method still functions as usual.. I basically just added a few lines to it).

The component supports both CSS-stylized opacity, and image overlay opacity. In the CSS mode, the component can be configured to animate the dimming, giving a nice fade out effect.

Works on IE and FF with the CSS mode.

Goodmorning,

Wauw what an cool component and so very easy to implement.
Thank you very much.

Kinds regards PeTeR

EDIT:

I 'discoverd' a an typo that caused a bug,

in the javascipt file <ModalDimmer.js>
TucanaModalDimmer.dipose = function() {

Should be :
TucanaModalDimmer.dispose = function() {

Thu, 06/15/2006 - 03:23 — jvolkman

PTR wrote:

Goodmorning,

Wauw what an cool component and so very easy to implement.
Thank you very much.

Kinds regards PeTeR

EDIT:

I 'discoverd' a an typo that caused a bug,

in the javascipt file <ModalDimmer.js>
TucanaModalDimmer.dipose = function() {

Should be :
TucanaModalDimmer.dispose = function() {

Thanks Peter, I'll fix that and update the zip later this morning.

Jeremy

Thu, 06/15/2006 - 06:02 — jvolkman

I've made some updates to the Modal Dimmer component:

* Removed serverside multiple instance check as it was overly complicated to do (it didn't work anyway), and the client side check works fine.
* Added AUTO mode which selects opacity (css) dimming or image dimming based on browser support.
* Fixed typo in JS.

I've updated the file on the first post.

Thanks,
Jeremy

Mon, 07/31/2006 - 08:52 — kstenerud

There's a bug in the dimmer code.

If you try to connect via https using internet explorer, it complains about "secure and nonsecure items".

This is probably a similar bug to this one

Mon, 07/31/2006 - 09:48 — jvolkman

kstenerud wrote:

There's a bug in the dimmer code.

If you try to connect via https using internet explorer, it complains about "secure and nonsecure items".
This is probably a similar bug to this one

This has been reported and fixed. I've since moved the dimmer code and the Widget Dash code into the same archive, and all further updates are at this thread.

Jeremy

Wed, 09/24/2008 - 12:26 — jmoody

The Modal Dimmer update Link is Broken

The Modal Dimmer update Link is Broken....I'd love to try this component out.... can we get to it elsewhere?

Thanks

Wed, 07/02/2008 - 09:09 — kleas

error to download the latest dimmer version

Hello jvolkman!

I want to download the latest dimmer version but the link doesn't work!
please.. can you repair it or save the archive in other server ??

thanks

Echo Web Framework

Navigation