Style a dojo button

[BrandonPrice]

Hello,

I would like to make a few small css changes to some buttons on my splash pages. 

var myButton1= new Button({
label: "I Accept",
onClick: function(){
splashPage2.show();
splashPage1.hide();
domStyle.set(splashPage2.closeButtonNode, { display: 'none' });
domStyle.set("myButton1", {fontSize:"5pt",letterSpacing:"1.2em"});
}
}).placeAt(splashPage1.containerNode);

The part in bold does not change the style. Any suggestions to get the changes to work are appreciated. I stopped searching reference material online at the moment.

https://community.esri.com/groups/web-appbuilder-custom-themes?sr=search&searchId=2867be5a-d1d5-477d...‌

https://community.esri.com/groups/web-app-builder-custom-widgets?sr=search&searchId=ec038c3c-7cc7-4a...‌

[RobertScheitlin__GISP]

Brandon,

   Remove the double quotes from myButton1 so that you are passing the button and not an id of the button like you have now (thought your button does not have that or any id).

[BrandonPrice]

Oh yeah. Thanks. You are right. I still cannot get it to work:

var myButton1= new Button({
label: "I Accept",
onClick: function(){
splashPage2.show();
splashPage1.hide();
domStyle.set(splashPage2.closeButtonNode, { display: 'none' });
domStyle.set(myButton1, "width", "100px");
}
}).placeAt(splashPage1.containerNode);

it might need an id to be changed because maybe it will automatically override my script and just inherit the default dojo style

[RobertScheitlin__GISP]

Brandon,

   That is likely the case. So the better route is to add a class to the button and add a css rule to the widgets css/style.css file.

[BrandonPrice]

That's what I thought after doing some research. I will get back to it later and repost. It isn't urgent of when it's fixed.

[BrandonPrice]

an urgent fix*

[RobertScheitlin__GISP]

What have you tried?

[BrandonPrice]

I was going to try something like this when I get the chance:

dojo.create("button",{id: "btnOK",type: "button"},dojo.body());     var btnOK = new dijit.form.Button({                label: "OK",                showLabel: true,                style: "height: 20px;"                },               "btnOK");     dojo.style("btnOK","width","40px");

Brandon