topic Re: Style a dojo button in ArcGIS JavaScript Maps SDK Questions

Style a dojo button

BrandonPrice — Wed, 20 Dec 2017 22:04:45 GMT

Hello,

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

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-b03f-d5337285cec7&searchIndex=0‌

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

Re: Style a dojo button

RobertScheitlin__GISP — Wed, 20 Dec 2017 22:21:33 GMT

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).

Re: Style a dojo button

BrandonPrice — Wed, 20 Dec 2017 22:55:21 GMT

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

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

Re: Style a dojo button

RobertScheitlin__GISP — Wed, 20 Dec 2017 22:58:58 GMT

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.

Re: Style a dojo button

BrandonPrice — Wed, 20 Dec 2017 23:31:03 GMT

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.

Re: Style a dojo button

BrandonPrice — Thu, 21 Dec 2017 16:18:20 GMT

an urgent fix*

Re: Style a dojo button

RobertScheitlin__GISP — Thu, 21 Dec 2017 16:20:25 GMT

What have you tried?

Re: Style a dojo button

BrandonPrice — Fri, 10 Dec 2021 20:07:43 GMT

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