topic Re: Map Layers Visibility Icon in ArcGIS Experience Builder Questions

Map Layers Visibility Icon

CMcDonald — Mon, 09 May 2022 15:42:52 GMT

Hello,

is there an alternative to the "eye" symbol which is used to turn layers on and off? I don't believe the current functionality is very intuitive at all, especially for a public audience. The "tick boxes" in the WAB are much better in my opinion.

Thanks

Re: Map Layers Visibility Icon

RobertScheitlin__GISP — Mon, 09 May 2022 15:54:59 GMT

@CMcDonald

Sure to fix that on a deployed EB Dev site just add these css rules to the index.html.

.esri-icon-non-visible::before { content: "\e610"!important; } .esri-icon-visible::before { content: "\e611"!important; }

If you are using AGOL I am not sure that this is possible.

Re: Map Layers Visibility Icon

DavidDas__GISP — Mon, 09 May 2022 23:23:49 GMT

Hi Robert,

Thanks a million for that excellent tip!

I like how it looks with the Eye Symbol replaced with the Tick boxes.

Can we take this one step closer to the Web AppBuilder version?

What symbol should I use to get the white checkmark against a blue background?

This makes it easier to see which layers have been turned on.

Best regards,

David Das

Re: Map Layers Visibility Icon

CMcDonald — Tue, 10 May 2022 07:47:26 GMT

I'm using AGOL rather than anything I can customise like above. If it isn't possible to do then I'll submit this as an idea I think as it would definitely improve the experience I feel.

Re: Map Layers Visibility Icon

RobertScheitlin__GISP — Tue, 10 May 2022 13:52:40 GMT

@DavidDas__GISP

I guess you are looking for something a little more like this then:

.esri-icon-non-visible::before { content: "\e610"!important; color: #969696 !important; } .esri-icon-visible::before { content: "\e605"!important; background-color: #00b9d0; color: white!important; }

Re: Map Layers Visibility Icon

DavidDas__GISP — Tue, 10 May 2022 17:05:52 GMT

Hi Robert,

Yes, that did the trick.

This looks perfect.

You have a solution for everything!

I learned something new today from your clever code snippet how one can change the background and foreground color. I had no clue that this can be done.

I agree ESRI should give us the option to select these icons and set the colors while configuring the Layer/List Widget in the AGOL edition of the Experience Builder.

Best regards,

David Das

Re: Map Layers Visibility Icon

Chantalvan_der_Poel — Tue, 17 Jan 2023 12:40:00 GMT

@CMcDonald have you already submitted this as an idea for AGOL?

My customers asked if I could change it, but we do not use the Developer editions and would rather be able to change it in the Experience Builder in AGOL.. The experience from our customers is that the blue and white checkboxes were more clear than the eyes, so if we would have some options in the icons that we use for layer visibility, that would be great!

Re: Map Layers Visibility Icon

CMcDonald — Mon, 13 Feb 2023 10:39:11 GMT

I see someone has posted this as an idea, I've voted for it!

https://community.esri.com/t5/arcgis-experience-builder-ideas/tick-boxes-and-radio-buttons-for-map-layers-widget/idi-p/1200392

Re: Map Layers Visibility Icon

TonghuiMing — Fri, 16 Jun 2023 08:59:31 GMT

This feature has been provided by Experience Builder Map Layers widget in the 2023 AGOL June release. Thank you.