Common Elements
Submitted by bill on Mon, 05/14/2007 - 15:53.
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>
@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".
- Printer-friendly version
- Login or register to post comments
- Unsubscribe post
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