Hi All,
When i set modal to true(under all themes), the background will kind of white out (covered by a blank white page completely) when dialog box (with modal = true) appears. Then i check css section:
.igdw_ModalBackground{ filter:alpha(opacity:50); opacity:0.5; position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:white;}
Clearly somehow the css does not work. I tried to change background color to red , it does not work as well.
here is my jsp code. Please help.
It is worth mentioning that the following code is inc file to be included inside another jsp.
==========================================================================================
<% String notice="abc"; %>
<f:view> <h:form id="_form01"> <f:verbatim escape="false"> First Time User please click <a href="#" onclick="igShowDialog();return false">here</a> </f:verbatim> <h:panelGroup styleClass="main"> <h:panelGroup styleClass="section"> <ig:dialogWindow id="igDw001" modal="true" windowState="hidden" style="width:450px;height:350px" binding="#{webdw_bb.dialogWindow}" > <ig:dwHeader captionText="First Time User"> <ig:dwMinimizeBox /> <ig:dwCloseBox /> </ig:dwHeader> <ig:dwContentPane> <f:verbatim escape="false"><br> <div align="center"><%=notice%></div> <div align="right"><br><br> <button onclick="igHideDialog();return false;">Close</button> </div> <script> function igHideDialog() { var igJsDwNode = ig.dw.getDwJsNodeById("_form01:igDw001"); if (igJsDwNode != null) { igJsDwNode.set_windowState(ig.dw.STATE_HIDDEN); } } function igShowDialog() { var igJsDwNode = ig.dw.getDwJsNodeById("_form01:igDw001"); if (igJsDwNode != null) { igJsDwNode.set_windowState(ig.dw.STATE_NORMAL); } } </script> </f:verbatim> </ig:dwContentPane> </ig:dialogWindow> </h:panelGroup> </h:panelGroup> </h:form></f:view>
Please advise. thank you very much
yours
yak
Hi:
The modal dialog box greays out the web page a s avisual cue that the dialog box must be dealt with before the user can return to the web page. If you are trying to turn this off, use a non-modal dialog instead of a modal one. Is that the issue or is it something else?
Thanks,Jim
Okay - your reply hasn't posted to the forum yet, but I saw it in my email.
It sounds like you are using a browser that doesn't support opacity. You've got to watch thos carefully: opacity support is pretty spotty, especially in older browsers. So what browser are you using?
Hi Jim
Things are more tricky than that.
In fact, the opacity thing appears differently under IE/Firefox.
IE (Version 6.0)
As i mentioned in my 2nd post, if i put <ig:dialogWindow> tag inside a table cell, then background goes totally blank. However, if i move it out of table cell, it works well... so i guess it is not about broswer support issue.
Firefox(Version 3.0.6)
if i put <ig:dialogWindow> tag inside a table cell, background opacity works well(greyed out)....it just that when i close the dialog window (by setting state = hidden), the background still grey out!! And i would have to refresh my page to make controls in my page work again.
I will post a complete jsp code if required.
thanks
Yak:
I should point out that NetAdvantage does not yet support Firefox 3. For the other issue, it believe that dialogs are not supposed to be embedded in side tables etc., they should be direct children of the form tag.
Best,Jim
To better illustrate the problem i encountered, I have constructed 4 jsps showing different problems.
case0.jsp this is simple example working fine.
case1.jsp this one has problem of backgroud turning totally to blank
case2.jsp this exampel works fine (with html table)
case3.jsp this exmaple contains 2 dialogwindows. (both set to modal), when i close one window, the background remain greyed out.
Thank you for looking into the problem