Select to view content in your preferred language

Filter Widget Icon Color

351
6
Jump to solution
09-05-2025 01:08 PM
JenniferBorlick
Frequent Contributor

I add custom icons to my filter widget in white. I could have sworn that I read something somewhere that if you do that, it would take on the color of the text if it was changed. 

JenniferBorlick_0-1757102404082.png

I'm changing the color scheme, and that is not what is happening. They are staying white.

JenniferBorlick_1-1757102495391.png

Is there a setting I missed somewhere? Did I misremember? 

Or alternatively is there a way to change the filter color background and text IN the filters? The only thing I have found is to change the background the filters sit on. I have to be missing something. Right?

 

 

0 Kudos
1 Solution

Accepted Solutions
RoryMcPherson
Regular Contributor

Hi @JenniferBorlick, you're not able to change the colour of custom icons you upload to ArcGIS Experience Builder. If you want to use your own custom icons, I would suggest deciding on a colour scheme you want to use, and then changing the colour of your icons to suit that scheme before uploading them.

View solution in original post

0 Kudos
6 Replies
RoryMcPherson
Regular Contributor

Hi @JenniferBorlick, you're not able to change the colour of custom icons you upload to ArcGIS Experience Builder. If you want to use your own custom icons, I would suggest deciding on a colour scheme you want to use, and then changing the colour of your icons to suit that scheme before uploading them.

0 Kudos
JeffreyThompson2
MVP Frequent Contributor

https://community.esri.com/t5/experience-builder-tips-and-tricks/changing-the-icons-and-titles-of-wi...

You can change the color of the built in icons. It doesn't look like it's possible to change the colors of icons you upload. As @RoryMcPherson said your best option would be to colour your icons before upload.

GIS Developer
City of Arlington, Texas
0 Kudos
JenniferBorlick
Frequent Contributor

Of course, now I can't find any of the blogs that I was using when I created this thing in the first place to see what I was doing to make it. I remember thinking that I should make them all in white in case I wanted to change the theme because that was what the tip said to do... Then again, memory is fluid.

I thought I had the theme that I wanted to use, but... long story short, it didn't work the way I wanted in the end. So I reset back to default and started over.

My original looked like this:

JenniferBorlick_0-1757339468340.png

I had started in the dark theme. I think that's why the filters are dark because I can't figure out how to change the ones in the current app.

 

0 Kudos
JenniferBorlick
Frequent Contributor

Much Better

JenniferBorlick_0-1757367046070.png

 

0 Kudos
vic7oria
Occasional Contributor

As these icons seem to be your own uploads. You will need to update the color individually and readd them. I googled and found a tool to do this for myself last year. I will add it below, but if it isn't the best fit for you I recommend doing your own search, there are some free ones out there. 

https://onlinepngtools.com/change-png-color

JenniferBorlick
Frequent Contributor

@vic7oria I will add that to my toolbox. Thanks.