Login Register

Common Elements

If you look at /dijit/themes/tundra, you can see that a theme is just a bunch of CSS and images:

themes/
   tundra/
       tundra.css	<-- all the CSS for all the widgets
       images/
          checkbox.gif	<--- all the checkbox and radio button images
          fader.gif	<--- background image referenced by tundra.css

The foreground images are located in the images directory (along with background images) and are referenced from the widget via CSS rules (via the background-image property of a dummy node).

The tundra.css file has rules like:

.tundra .dojoButton { ... }

We've been using Tundra in all of our examples, but to use an alternate theme for all widgets on your page, do:

<style type="text/css">
        @import "http://o.aolcdn.com/dojo/0.9.0/dijit/themes/themename/themename.css";
        @import "http://o.aolcdn.com/dojo/0.9.0/dojo/resources/dojo.css"
    </style>

Then add a theme name to the <body> element, like:

<body class="themename">

The reason the tundra theme requires a class=tundra on the body tag (or some other tag) is because the rules all list a hierarchy like ".tundra .dojoButton".

How to change the CSS of a splitter element ?

Could someone point me in the right direction as to where to look to change the appearance (basically the background-color) for the splitter element of a ContentPane in a BorderContainer (using the tundra theme) ?

Thanks