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; } } }

Web App changing all recently published or recently edited web app symbology to monochrome values

JennyRobertsAxelrod

Just recently, when I open a web map that's been published and use it in a web app, all the symbology changes to gray monochrome values. All points, lines and polygons. Lines become single thickness, all points become simple circles with different values of gray. All polygons become different values of gray. I am using ArcGIS Pro 3.1 to create the Web Map and it creates fine. I publish the Web Map and it looks great. But when i use the Web Map in a Web App using Web App Builder it changes to the monochrome. If I open a previously published Web App to edit it, it changes to monochrome. If i use instant apps it doesn't change to monochrome, but I can't add widgets. If I use Experience Builder to create/publish a web app thru Experience Builder it keeps the symbology but the Web App looks different based on the supplied template types. I need to be able to open previously published Web Apps, edit them and then republish without changes. This is causing a great deal of trouble. I have opted to "Use symbol types compatible with all clients" and have tried publishing from Map Viewer Classic as well. I have tried it publishing a Web Map, and publishing only feature services that I planned to add to the already published Web Map and then Web App. All continue to go to monochrome gray. It's as if, when you touch a previously published Web App created in Web App Builder, and save, it changes everything and you cannot go back.

Find more posts tagged with

ArcGIS Online

ArcGIS Enterprise

Accepted answers

DianaPopp

Update:

Opening the web map in ArcGIS Experience Builder preserved all of the symbology (no grey areas).

From Esri support:
"This is due to a limitation in the JavaScript version used by Web App Builder. Web App Builder older JavaScript version for ArcGIS API. while Experience Builder uses the newer version 4.x. As a result, you were able to see all your symbology on Experience Builder. You will still be able to see your symbology on Map viewer as well."

Hope this is helpful!

All comments

BHB_Admin

Hi Jenny, the exact same thing happened to my web apps when I ran a data update through ArcGIS Pro a few days ago. I believe it might be a bug - hoping to hear a response from Esri on this one soon.

BHB_Admin

What is especially odd is that it is not converting every layer on the web app to greyscale, only some:

But again is completely fine on the online map:

CaitlinOlson

Having this same issue! Except that I was not doing any editing on the layers. The layer pictured is a newly added layer shared from Pro 3.1.2. I thought about re-uploading the layers that are changing colors, but I foresee that not doing much. This is super annoying and a huge pain.

DianaPopp

I am having the same issue!

Yesterday, some (but not all) points and all polygons went grey in Web App Builder and the published Web App. As suggested in a help post, I republished all layers from ArcGIS Pro, being careful to select Share As a Web Layer/Configuration/Configure Parameters/and check the box "Use symbol types compatible with all clients." Despite this considerable effort, Web App Builder will not remember symbology settings.

Symbology is stable in ArcGIS Pro 3.1.2 and the AGOL Web Map, but once it goes into the Web App Builder, all polygons turn grey.

Esri, please help!

DianaPopp

Update:

Opening the web map in ArcGIS Experience Builder preserved all of the symbology (no grey areas).

Hope this is helpful!

Ivy_Hinson

I'm still having this issue. Has anyone found a solution?

HPine_NHDES

I just want to add another voice here. This is frustrating. I have been playing with experience builder to get around this issue, but it doesn't have the same widgets such as the group filter. ESRI, please address.

AlixVezina

Yes that would be the reason, thank you for sharing @DianaPopp

CaitlinOlson

^^THIS! Experience Builder is not at all the same app and is still extremely limited compared to WebApp Builder which makes it really hard to fully commit to right now since it doesn't meet the clients needs in a web app. Still super frustrated.

StevenSGIS

Bumping this - Have you figured out a solution to this for WebApp Builder?

I've tried building a "webapp" with Experience Builder, but it is soooooooooo slow.

DianaPopp

Hi Steven,

Experience Builder has a selection of templates that resemble WebApp Builder. To access these, open Experience Builder, click Create New, then click on the "WebAppBuilder classic" button to see a selection of templates. I recently used "Foldable" -- it was very helpful!

Good luck!

Diana

LauraPullen

Can I ask what the solution is here? I have read the thread but cannot identify the solution. I'd like to preserver my symbology (not grey monochrome) and use in Web App Builder app not Experience Builder. Does publishing from an older version of Pro have any effect?

RosalyneTaylor

Here is my map from web builder. I figured out that I have to go the Web Appbuilder and edit the map from there and save the map.

This is how it look after I fixed some of the layer

Hope this helps.

BryndaHatch

the trick is to check the box for "use symbol types compatible in all clients" in the Share Web Map dialog in Pro when you're saving the Web Map initially. (see screenshot below, checkbox is at the bottom)

PeterWeiss

That little check mark saved my day. I also had all my symbols turned into grey scale colors for at a lot of layers in a Web AppBuilder app after overwriting the feature service from Pro 3.2 which was originally published in 2.9 (I think).

Thanks 🙂

ConorFlynn

My solution for a line layer: use Basic Line > Basic Shapes (Classic Symbols). Vector symbols don't work.

BUT I can only do this if I select Types (Unique symbols). Location (single symbol) only gives Vector line choice even if I choose Vector line > Basic shapes (Classic Symbols).

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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