Login Register

Writing Your Own Theme

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>

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.