Writing Your Own Theme
Submitted by bill on Mon, 05/14/2007 - 15:56.
If you want to develop your own theme just make rules like
.myTheme .dojoButton { ... }
and include them into your page.
The dijit.form.Checkbox widget displays the checkbox image using an <img> tag. However, it grabs the image location from the CSS.
The class names used on widgets do not change based on the theme, although they will change based on the state of the widget. For example, an input field will have class="dojoInputField", but a disabled input field will have class= "dojoInputField dojoInputFieldDisabled"
Applying style directly to a widget
You can apply styles to plain dom nodes in various ways:
<div style= "margin: 30px;">...
<style>
#xyz { margin: 30px; }
</style>
<div id= "xyz">
<style>
.myClass { margin: 30px; }
</style>
<div class= myClass>
<style>
#xyz { margin: 30px; }
</style>
<div id= "xyz">
<style>
.myClass { margin: 30px; }
</style>
<div class= myClass>
The first two techniques should work for widgets also. However, the third technique is not likely to work, because some of style rules like ".tundra .dojoButton", will take precendence.
- Printer-friendly version
- Login or register to post comments
- Unsubscribe post
Changing Slider
Hi
I am just trying to change the outlook of the slider like the one in "yahoo maps". I am doing this by downloading the CSS from AOLCDN. At this location they have separated dojo, dijit and others. When i saw it on esri resource center, they have combined all these into a single CSS.
Is there any way to change the slider images (e.g. top, bottom, slider appearance etc.) by using the method you mentioned above?? If yes, please give me some sample lines.
Abbid