topic Custom image for a widget ArcGis4.15 in ArcGIS JavaScript Maps SDK Questions

Custom image for a widget ArcGis4.15

NadirHussain — Sun, 14 Jun 2020 06:18:33 GMT

i place my layerlist widget insidea expand widget.i want to set my own custom image for layerlist widget when expand widget is close.how it is possible please help for arcgis 4.15 for scene view.

Thanks

Re: Custom image for a widget ArcGis4.15

NadirHussain — Mon, 15 Jun 2020 17:26:27 GMT

any guru have no answer for this question.

please help.

Re: Custom image for a widget ArcGis4.15

Noah-Sager — Mon, 15 Jun 2020 19:08:07 GMT

There are two options for widget icons. One is to use the Esri Icon Font, and you can then pick what you want for the Expand widget.

Expand widget with Esri Icons:

https://codepen.io/noash/pen/pogENrb

The other option is to use your own CSS class to style the icons and you can then pick what you want for the Expand widget.

Here is a Guide topic on how custom CSS styling works:

Styling | ArcGIS API for JavaScript 4.15

Re: Custom image for a widget ArcGis4.15

RobertScheitlin__GISP — Wed, 24 Jun 2020 21:03:51 GMT

Nadir,

So here is some css override rules for changing the basemap gallery icon that is inside an expand widget:

.esri-collapse__icon.esri-icon-collapse:before,

.esri-collapse__icon.esri-expand__icon--expanded.esri-icon-collapse{

content: " ";

background-image: url("images/forward.png");

width: 25px;

height: 25px;

}

.esri-collapse__icon.esri-icon-basemap,

.esri-collapse__icon.esri-icon-basemap:before {

content: " ";

background-image: url("images/backward.png");

width: 25px;

height: 25px;

}