nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Can the widget icon shapes color be changed?

AdamGebhart

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.

Najděte více příspěvků označených jako

Accepted answers

AdamGebhart

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.

All comments

Laura

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.

kaifeiji

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

AdamGebhart

@Laura& @kaifeiji

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

AdamGebhart

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.

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.

Laura

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

fdeters

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

Připojte se ke konverzaci

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.