You are probably missing the Theme CSS file. Dijit is themed entirely in CSS using unique class names located in the templates themselves.

To use a Dijit theme, you must import the themename.css file. The Dijit default theme is Tundra,
and the CSS lives in toolkit_root/dijit/themes/tundra/tundra.css. Import that file using a LINK tag or style tag with an @import call:

@import "js/dijit/themes/tundra/tundra.css";

What's been bugging you with tundra/etc as a visual/graphic design? What causes you to override / extend it or even start a new theme? Lets use this thread to gather up all that feedback, then we can file bugs where appropriate and start fixing.

Are the dijit themes included with the default dijit installation (tundra,soria,nihilo) 100% complete and cross-browser compatible? I noticed that soria and nihilo in particular use a lot of pngs, and am wondering how ie6 would handle these two themes. I am running Ubuntu Linux, and am therefore unable to test the themes myself. I need to use a theme which is completely cross-platform, as many Windows users visit my website. Thanks in advance!

I've got an application that is using dijit Editors - I'm declaring these programmatically and setting class:'tundra' in my js build statement. While this styles the editor itself according to the tundra theme, it does not properly style any drop-down buttons (ie, the createLink plugin). looking at the generated HTML I see that the divs that contain the drop-down are appended to the bottom of the html page, outside of any containers but inside body. As such, only by setting can I get these divs (that define the drop-down buttons) styled according to the tundra theme.

I've been working on a new theme (prairie) for a golf website I'm working on. It's about 80-90% finished and I would like to contribute it once I'm done. I've also updated the theme test page to provide a little more coverage of the existing dijits. The theme and test page can be seen at:

http://dojo.frozen.ca/dojoroot/dijit/themes/themeTester.html?theme=prair...

Please take a look and tell me what you think.

Hey, i am having an interesting problem. I am rerturning a button to a cell in the grid with the "get:" property. The function that i am calling is below.

This IS WORKING:

function getCellContent102(inRowIndex)
{
x=inRowIndex;

var but = "Refresh";

return but;

}

but this IS NOT WORKING:

function getCellContent102(inRowIndex)
{
x=inRowIndex;