topic Re: How do I change header colour of widgets in Experience Builder? in ArcGIS Experience Builder Questions

How do I change header colour of widgets in Experience Builder?

TaupoDistrict_Council — Wed, 27 Oct 2021 22:43:42 GMT

I have been trying to customise the look of Experience Builder with our organisation colours. I haven't found how to change the colour of the search glass or the header of the widgets (e.g. Layers). The default blue really clashes with our colours.

How do I do this??

Re: How do I change header colour of widgets in Experience Builder?

ShengdiZhang — Thu, 28 Oct 2021 01:54:29 GMT

Hi @TaupoDistrict_Council ,

You can go to the theme panel, choose the Organization Shared theme:

Or you can click the Customize button to custom the primary color of the Default theme:

Regards,

Shengdi

Re: How do I change header colour of widgets in Experience Builder?

TaupoDistrict_Council — Thu, 28 Oct 2021 21:23:21 GMT

Thanks, just what I needed 🙂

Re: How do I change header colour of widgets in Experience Builder?

Andrew_Wolff — Wed, 15 Mar 2023 16:53:28 GMT

Why is it though when you set the same hex color it still appears darker in the widget header.

Re: How do I change header colour of widgets in Experience Builder?

TaupoDistrict_Council — Wed, 05 Apr 2023 05:20:11 GMT

Hi @ShengdiZhang

I've tried the same way in the latest version of Dashboards ... but the ability to change button colours doesn't seem to be there. I posted to the community a few weeks back but it hasn't had any answers. Any chance you know your way around Dashboards too (I was hoping it would be a pretty similar template). https://community.esri.com/t5/arcgis-dashboards-questions/how-to-change-button-colours/m-p/1269301

Re: How do I change header colour of widgets in Experience Builder?

SueStewart — Tue, 09 Jan 2024 17:35:32 GMT

So I discovered a workaround to this problem.

Set your primary color.

Click the advanced color settings and locate your primary (labeled as Primary - 500).

Hover over the shade above it (Primary - 400), and make note of the hex code.

Now change your primary color to this new color and it should match better:

Re: How do I change header colour of widgets in Experience Builder?

RandyMcGregor_BMcD — Thu, 15 Feb 2024 15:29:07 GMT

There is a blur effect on the widget popups that I would like to change (remove). Is it possible to do this?