topic Re: Can the widget icon shapes color be changed? in ArcGIS Experience Builder Questions

Can the widget icon shapes color be changed?

AdamGebhart — Wed, 07 Aug 2024 20:04:44 GMT

I'd like what is in white to be the same green as the background fill (widget controller shown here). This was doable in WAB via CSS.

I was able to update the color via the Firefox developer tools. I can see where the change likely needs to occur in config.json but the few things I've tried haven't worked.

Re: Can the widget icon shapes color be changed?

Laura — Wed, 07 Aug 2024 20:33:19 GMT

From what I see you can only change the background color (the yellow in your example) not the picture (the white). When it comes to code I am not sure. It would be nice to be able to change this out of the box though.

Re: Can the widget icon shapes color be changed?

kaifeiji — Thu, 08 Aug 2024 02:06:25 GMT

Hear say that DE1.16 will includes this feature: change icon color.

Re: Can the widget icon shapes color be changed?

AdamGebhart — Thu, 08 Aug 2024 15:05:22 GMT

@Laura& @kaifeiji

Thanks for the responses. Let's hope that will be included in 1.16.

Re: Can the widget icon shapes color be changed?

AdamGebhart — Thu, 08 Aug 2024 18:42:39 GMT

Below is an update as I'm pretty sure I found how to do this.

1) Click the widget icon.

2) The icons windows opens. Look in the bottom left and you will see the icon image. In the lower right is a color picker. Click the color picker.

3) I chose my current primary color. The image in the lower left updates to reflect that color.

4) Close the window. The widget icon color is now updated to match the background color of my Widget Controller. Note that this color did not apply to the Map Layers, so that will need to be done separately.

Note: I also posted these steps here > https://community.esri.com/t5/arcgis-experience-builder-questions/how-can-i-change-a-custom-icon-within-the-widget/m-p/1335140#M8583.

Re: Can the widget icon shapes color be changed?

Laura — Thu, 08 Aug 2024 18:55:00 GMT

Awesome, I never noticed that before, thanks for pointing it out! Worked for me as well.

Re: Can the widget icon shapes color be changed?

fdeters — Sat, 07 Sep 2024 00:23:06 GMT

Thanks for this! It took me a bit to find where the screenshot in step 1 was referencing, so I'm adding more context here:

The "widget icon" is in the right-hand panel