Rounded corners problems

View: New views
2 Messages — Rating Filter:   Alert me  

Rounded corners problems

by Irv Salisbury :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

I am trying to do rounded corners on elements that are in a LayoutContainer (like the demo LayoutContainer)  Are there any limitations to the rounded corners (dojo.lfx) code?  It seems to add rounded corners to the top of most of the elements, but the borders don't get moved properly (so they don't line up with the rounded corners) and the bottoms of the rounded corners don't appear.  This is how I am applying them:

    var settings = new Object();
    settings.autoPad = false;
    dojo.lfx.rounded( settings, [ "middleButtonArea", "footer", dojo.widget.byId( "centerArea" ).domNode ] );

middleButtonArea is a standard div put in the top of the layoutContainer, footer is a standard div at the bottom, and centerArea is the dojo ContentPane put in with layoutAlign="client"

Thanks for any help or pointers,

Irv

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

Re: Rounded corners problems

by Tom Trenka :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Its very possible that lfx.rounded doesn't play well with any of the Dojo widgets that try to handle layout concerns for you; and its definite that rounded will not work with nested widgets, particularly when you are doing padding.  The latter is a definite bug, we need to look at the former to see if it's a real bug with rounded or not (probably is).

Frankly I'd like to use a different approach for rounded but right now, that's what we have.

trt

Irv Salisbury wrote:
I am trying to do rounded corners on elements that are in a LayoutContainer
(like the demo LayoutContainer)  Are there any limitations to the rounded
corners (dojo.lfx) code?  It seems to add rounded corners to the top of most
of the elements, but the borders don't get moved properly (so they don't
line up with the rounded corners) and the bottoms of the rounded corners
don't appear.  This is how I am applying them:

    var settings = new Object();
    settings.autoPad = false;
    dojo.lfx.rounded( settings, [ "middleButtonArea", "footer",
dojo.widget.byId( "centerArea" ).domNode ] );

middleButtonArea is a standard div put in the top of the layoutContainer,
footer is a standard div at the bottom, and centerArea is the dojo
ContentPane put in with layoutAlign="client"

Thanks for any help or pointers,

Irv

_______________________________________________
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