How to change the button icon size in JavaScript API for a webmap?

KatiePurdham — Tue, 16 Jul 2019 18:46:13 GMT

Hello,

I am currently importing a webmap that is hosted by ArcGIS Online and have used the JavaScript API to input the webmap and the feature layers within the webmap. I have added the edit widget from that is given in the link below: https://developers.arcgis.com/javascript/3/jsapi/edit-amd.html . Then, I made a container for this editor widget button. The task at hand is to make the button size larger; however, I have not been able to expand this button size.

My question is: How can I change this default button size of this expand widget (not the pop-up window of the editor but the button itself)?

Re: How to change the button icon size in JavaScript API for a webmap?

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:46:45 GMT

Katie,

You need to adjust the css rules for that button. I am not sure the exact rules for your situation but here is how you would adjust the default home button in 4.x.

.esri-home.esri-widget--button.esri-widget {
  width: 42px;
  height: 42px;
}
.esri-icon.esri-icon-home {
  font-size: 24px;
}‍‍‍‍‍‍‍

topic Re: How to change the button icon size in JavaScript API for a webmap? in Web AppBuilder Custom Widgets Questions

How to change the button icon size in JavaScript API for a webmap?

Re: How to change the button icon size in JavaScript API for a webmap?