In my application, under certain circumstances, I open up a DialogueBox
() in the middle of the screen. In order to focus attention on the
box, I gray out the surrounding screen using PopupPanel() that should
cover the entire screen. The panel is black with 60% opacity. This
works perfectly on Safari and, believe it or not, even with IE. Where
it fails is Firefox. In Firefox the gray translucent panel only
covers down to the bottom of the lowest panel visible in the browser.
Here's the code I'm using to set the properties of the popup:
glass = new PopupPanel();
DOM.setStyleAttribute(glass.getElement(), "width", "100%");
DOM.setStyleAttribute(glass.getElement(), "height", "100%");
DOM.setStyleAttribute(glass.getElement(), "backgroundColor",
"#000");
DOM.setStyleAttribute(glass.getElement(), "opacity", "0.60");
DOM.setStyleAttribute(glass.getElement(), "_moz_opacity",
"0.60");
DOM.setStyleAttribute(glass.getElement(), "filter", " alpha
(opacity=60)");
(I am modeling a tutorial found at
http://examples.roughian.com/#Tutorials~Panel_Fade)
I am running GWT 1.7.1 and the problem browser is Firefox 3.5.5.
Any ideas?
Thanks,
Rob
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
