Re: [T4] Problems with Dialog component

[Jesse Kuhnert <jk...@gmail.com>]

You should try 4.1.3-snapshot to be sure - but sometimes the problem
is just conflicting css rules on your page.

Try segregating the dialog in to a minimal page with little to no css
rules and work your way out from there. (if 4.1.3 doesn't solve it)

On 7/26/07, Martino Piccinato <ma...@gmail.com> wrote:
> 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: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>


-- 
Jesse Kuhnert
Tapestry/Dojo team member/developer

Open source based consulting work centered around
dojo/tapestry/tacos/hivemind. http://blog.opencomponentry.com

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org