Hi everybody,
I'm experiencing lots of problems with Dialog component with Tapestry
4.1.2, don't know if other or getting the same problems,
I'm just following the Dialog tutorial on online documentation.
First problem is that I get an exception if not setting the optional
"hidden" parameter with an ognl binding as in tutorial
hidden="ognl:hiddenDialog" otherwise I'd get a ReadOnlyBindingException.
But this is not the biggest problem just by following the tutorial I
can set the parameter with an ognl binding and go ahead, what seems
not to be working at all is the hid()/show() mechanism, meaning that
when I click on the link to show the dialog the dialog appears bottom
left and BEHIND the "grey" layer used to disable the rest of the
screen
I don't have any form whatsoever in my page or in dojo dialog, I
investigated a bit with firebug and this is what appear BEFORE
clicking on "showDialog" link:
<a id="DirectLink" onclick="return
tapestry.linkOnClick(this.href,'DirectLink', false)"
href="/kironweb/StartPage,$DirectLink.sdirect?updateParts=dialogComponent">Toggle
dialog</a>
<script type="text/javascript">
<!--
dojo.addOnLoad(function(e) {
tapestry.widget.synchronizeWidgetState("dialogComponent", "Dialog",
{"bgColor":"black","bgOpacity":0.4000000059604645}, false);
dojo.widget.byId("dialogComponent").hide();});
// -->
</script>
<div id="dialogComponent" class="dojoDialog" dojoattachpoint="wrapper"
style="overflow: visible; position: absolute; z-index: 999; display:
none;">
<span tabindex="0" dojoonblur="clearTrap" dojoonfocus="trapTabs"
dojoattachpoint="tabStartOuter"/>
<span tabindex="0" dojoonblur="clearTrap" dojoonfocus="trapTabs"
dojoattachpoint="tabStart"/>
<div style="position: relative; z-index: 2;"
dojoattachpoint="containerNode"> DIALOG CONTENT</div>
<span tabindex="0" dojoonblur="clearTrap" dojoonfocus="trapTabs"
dojoattachpoint="tabEnd"/>
<span tabindex="0" dojoonblur="clearTrap" dojoonfocus="trapTabs"
dojoattachpoint="tabEndOuter"/>
</div>
<div class="dialogUnderlay" style="position: absolute; top: 0px; left:
0px; z-index: 998; display: none; background-color: rgb(0, 0, 0);
height: 1px; width: 1px;"/>
This is what is in the DOM Tree AFTER pressing the show dialog button:
<div id="dialogComponent" class="dojoDialog" dojoattachpoint="wrapper"
style="visibility: visible; left: 0px; top: 337.5px;"> DIALOG
CONTENT</div>
<div class="dialogUnderlay" style="position: absolute; top: 190px;
left: 0px; z-index: 998; display: block; background-color: rgb(0, 0,
0); height: 318px; width: 1264px; opacity: 0.4;"/>
So, I can se the dialog content but not positioned and "under" the
"dialogUnderlay" div and the application is just blocked obviously.
It's a very basic example on a very basic page, just following the
tutorial. My cache is disabled. Any suggestion? Does anybody had the
same problem?
Tnx
Martino
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
