how to style dojo button?

Sophialim — Thu, 12 May 2011 23:46:05 GMT

hi
anyone know how to style the dojo button cause i declare the button it appear but i cannot use the style:"border:0px; background-color: black;"

this is how i declare my dojo button

var forward = new dijit.form.Button({
style: "border:0px;background:black;",
label: "NEXT"

});

Please help me with this !!!
Please Reply ASAP!!!
Thanks
p.s if can show me some sample

Re: how to style dojo button?

HemingZhu — Fri, 13 May 2011 13:25:28 GMT

hi
anyone know how to style the dojo button cause i declare the button it appear but i cannot use the style:"border:0px; background-color: black;"

this is how i declare my dojo button

var forward = new dijit.form.Button({
style: "border:0px;background:black;",
label: "NEXT"

});

Please help me with this !!!
Please Reply ASAP!!!
Thanks
p.s if can show me some sample

overwrite the root button style specified in .css (claro.css or tundra.css whatever) using dijit.form.Button 's baseClass property. Doing it like this:

.....
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.2/js/dojo/dijit/themes/claro/claro.css" />
<style type="text/css">
.myDynamicButton {
background-color: black;
border: 0px;
}
</style>
.....

var forward = new dijit.form.Button({
label: "NEXT",
baseClass: "myDynamicButton"
});

what happens is your "myDynamicButton" style class will overwrite "dijitButtonNode" which is default style for dijit.form.Button specified in claro or tundra css file. Hope it will help

topic how to style dojo button? in ArcGIS JavaScript Maps SDK Questions

how to style dojo button?

Re: how to style dojo button?