i am new to dojo and trying out dojo by looking at the source of the feature explorer. it worked basically but not as expected, the styling dont seem to be there... for eg. the Digalog, dont seem to be styled...
oh forgot my source
<script type="text/javascript" src="lib/dojo/dojo.js" djConfig="parseOnLoad:true"></script>
<script type="text/javascript">
dojo.require("dijit.Dialog");
dojo.require("dijit.form.TextBox");
dojo.require("dijit.form.TimeTextBox");
dojo.require("dijit.form.Button");
dojo.require("dijit.form.DateTextBox");
</script>
<style>
@import "lib/dojo/resources/dojo.css";
@import "lib/dijit/themes/tundra/tundra.css";
@import "lib/dijit/dijit.css";
</style>
<a href="#" onclick="dijit.byId('dialog1').show()">Show dialog 1</a>
<div id="dialog1" dojoType="dijit.Dialog" title="First Dialog">
<p>Dialog 1</p>
<p><a href="#" onclick="dijit.byId('dialog2').show()">Open New Dialog</a></p>
</div>
<div id="dialog2" dojoType="dijit.Dialog" title="Second Dialog">
<p>Dialog 2</p>
</div>
The way the themes work is
The way the themes work is by adding the "tundra" class to a parent node. Dialog is parented only by the [BODY] tag, so you'll need to add class="tundra" there. That should solve your problem.
Thanks :)
Thanks :)