« Return to Thread: dojo.lfx.rounded

Re: dojo.lfx.rounded

by Tom Trenka :: Rate this Message:

Reply to Author | View in Thread

It's a known issue; the port of the original I did uses innerHTML to move the contents of the original container into the auto-padded one.

trt

Jeremy Quinn wrote:
Hi All

I tried using dojo.lfx.rounded on a div inside a dojo.widget.Dialog :

     rounded: { tl:{radius:15},tr:{radius:15},bl:{radius:15},br:
{radius:15} },

     fillInTemplate: function(args, frag) {
         dojo.html.hide(this.logInNode);
         dojo.html.hide(this.logOutNode);
         this.loginAuthDialogWidget =
             dojo.widget.createWidget("dojo:Dialog", { toggle:"fade",  
toggleDuration:250}, this.logInAuthDialogNode);
         dojo.lfx.rounded(this.rounded, "rounded");
         this.loginAuthDialogWidget.setCloseControl(dojo.byId
("userWidgetLoginAuthCancel"));
     },

The template :

<div class="userWidget" dojoAttachPoint="containerNode">
     <div class="login" dojoAttachPoint="logInNode" style="text-
align:right;">Login<br/>you are not not logged in.</div>
     <div class="logout" dojoAttachPoint="logOutNode" style="text-
align:right;">Logout<br/> </div>
     <div class="loginAuthDialog"  
dojoAttachPoint="logInAuthDialogNode" style="background:white;">
         <div style="background:white;padding:10px;border:2px solid  
black;" class="rounded">
             <p style="text-align:center;font-
weight:bold;">Authenticating</p>
             <p>Complete the authentication in this page, then click  
this OK button to continue.</p>
             <p style="text-align:center;">
                 OK
                  
                 Cancel
             </p>
             <div dojoAttachPoint="logInAuthDialogNode"> </div>
         </div>
     </div>
</div>

What happens when I add the rounding using dojo.lfx.rounded
(this.rounded, "rounded"); is that all of the buttons in the dialog  
stop working.

This includes buttons that use @dojoOnClick and dialog.setCloseControl.

Is this a known issue, or an I doing something wrong ?

thanks for any suggestions

regards Jeremy

On 12 Jan 2007, at 18:53, Evrim ULU wrote:

> Evrim ULU wrote:
>
>> Here is the CSS:
>> .header {
>>    color:#FFFFFF;
>>    font-weight:bold;
>>    background-color:#031C3E;
>>    width: 100%;
>>    height: 60px;
>>    border:1px solid black;
>> }
>>
> replacing border statment with 1px solid #000000; did what it is
> supposed to be.
>
> thnx.evrim.
>
> _______________________________________________
> Dojo FAQ: http://dojo.jot.com/FAQ
> Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
> Dojo-interest@dojotoolkit.org
> http://dojotoolkit.org/mailman/listinfo/dojo-interest


 
_______________________________________________
Dojo FAQ: http://dojo.jot.com/FAQ
Dojo Book: http://manual.dojotoolkit.org/DojoDotBook
Dojo-interest@dojotoolkit.org
http://dojotoolkit.org/mailman/listinfo/dojo-interest

 « Return to Thread: dojo.lfx.rounded