[Dojo-interest] Custom CSS for DOJO widgets

[Kollivakkam Raghavan (rkolliva)]

I just love this package but am completly frustrated with not being
knowing how to customize the styles (after having tried all kinds of
variations).  It is quite possible that this is due to my ignorance so I
appreciate any help:
 
Here's my situation.
I'm trying to use the fragment below to show up as a context sensitive
menu for Tree (I'm using TreeV3).  This code pretty much follows the
example from the test folders so there's no surprise there.
 
<div dojoType="TreeContextMenuV3" id="treeContextMenu" toggle="explode"
contextMenuForWindow="false" widgetId="treeContextMenu">
    <div dojoType="TreeMenuItemV3" treeActions="addChild"
id="treeContextMenuLock"
iconSrc="dojo.uri.dojoUri('.../../images/lock.png')"
widgetId="treeContextMenuLock" caption="Lock"></div>
    <div dojoType="TreeMenuItemV3" treeActions="remove"
iconSrc="dojo.uri.dojoUri('../../images/key.png')" caption="Unlock"
widgetId="treeContextMenuUnlock"></div>
</div>

However, I want to customize the style for this to look more like the
context menu that shows up in the Menu example on the Dojo demos (Gray
background etc).  I have tried to override the templateCssPath with and
without dojo.uri.dojoUri and I get a 404 error message.  Likewise, the
images don't show up either.  I don't want to put my CSS in the dojo
distribution folder.   Here's my source tree.
 
web
    css
    js
        dojo
            dojo.js
            src
                widget
                    templates
 
 
etc.
 
I tried to do templateCssPath=dojo.uri.dojoUri("../../css/myMenu.css")
and it can't find it.  In fact no matter what I put it doesn't find it.
Please help.
 
Raghavan
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://dojotoolkit.org/pipermail/dojo-interest/attachments/20070124/336508ad/attachment.html