topic Re: How to set my image for expand widget button icon in Web AppBuilder Custom Widgets Questions

How to set my image for expand widget button icon

MichaelLev — Wed, 24 Jun 2020 06:12:04 GMT

In ArcGIS Web Appbuilder (developer edition) I want to add custom widget for specific task, which will be activated by an Expand widget button.

I see that the Expand button has a limited repertoire of icons from

but what is the way (if any) to show a png image that I'll prepare myself (not from the suggested repertoire)?

If there is a way, but what is needed is an icon and not png image, then - How would I prepare that icon?

RobertScheitlin__GISP — Wed, 24 Jun 2020 12:09:22 GMT

Michael,

So since you are talking about WAB and the expand widget (which is JS API 4.x widget) I assume you are working in a 3D WAB app then right?

MichaelLev — Wed, 24 Jun 2020 19:25:15 GMT

yes. I'm developing 3D WAB app ,

*מיכאל לאב - *Michael Lev

054-7718425

On Wed, Jun 24, 2020 at 3:10 PM Robert Scheitlin, GISP <geonet@esri.com>

RobertScheitlin__GISP — Wed, 24 Jun 2020 21:00:45 GMT

Michael,

So these css rule overrides are assuming you have the basemap widget in the expand. Adjust according to your actual used 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;

}

MichaelLev — Thu, 25 Jun 2020 09:35:29 GMT

Thank you for your help!

*מיכאל לאב - *Michael Lev

054-7718425

On Thu, Jun 25, 2020 at 12:02 AM Robert Scheitlin, GISP <geonet@esri.com>