Comments on: GWT Glass Pane

By: Moe

Moe — Wed, 07 Oct 2009 10:44:29 +0000

I designed this CSS for underlays:

.dialogUnderlay {
position: fixed;
_position: absolute;
_height:100%;
top: 0;
left: 0;
bottom: 0; /* http://www.alistapart.com/articles/conflictingabsolutepositions */
width: 100%;
z-index: 998;
display: none;
background-color: #88c;
opacity: 0.4;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

By: Olivier Gérardin

Olivier Gérardin — Tue, 06 Oct 2009 12:41:36 +0000

They won’t

By: Eric Burke

Eric Burke — Tue, 06 Oct 2009 11:53:56 +0000

@Pace I’m using this in combination with normal GWT dialogs, so the dialog blocks all events to other components. The glass pane just darkens the screen.

Without a dialog, I’m not sure if any events would be blocked. I suspect not, but can’t say for sure.

By: Pace

Pace — Tue, 06 Oct 2009 06:27:58 +0000

Will this block override the click handling of anything behind the Glass Panel?

By: Eric Burke

Eric Burke — Mon, 05 Oct 2009 13:09:52 +0000

Thanks for your tips, I’ve updated the code to remove the hard-coded DOM usage.

By: Jörn Zaefferer

Jörn Zaefferer — Sun, 04 Oct 2009 11:33:56 +0000

You’d have to use !important in your stylesheet to override the inline styles, not a great solution.

By: Eric Burke

Eric Burke — Sun, 04 Oct 2009 02:51:22 +0000

Sorry about the confusion. If you use CSS, you can use -moz-opacity. If you set the CSS programmatically via GWT’s DOM class, you must camel-case it to “MozOpacity”. I believe the CamelCaseRequirement was introduced in GWT 1.6.

I’ll have to research the stylesheet issue. My intent was to set up the default properties right here in the code, so 99% of the time you don’t need CSS at all. I’m assuming you could still customize the properties via CSS, but I need to confirm that.

By: Jörn Zaefferer

Jörn Zaefferer — Sat, 03 Oct 2009 16:53:45 +0000

What is “MozOpacity” supposed to be? The site you link to just says “-moz-opacity is deprecated, use opacity”, nowhere is MozOpacity mentioned.

Othe then that I wonder if those properties should be in a stylesheet in the first place.