Custom Symbology not showing up in Web App Builder

[GIS_utahDEM]

I have a custom symbology layer that I am using in a web map (successfully) but when I try to use that web map in a web application (using the web app builder) the symbology doesn't show up how it's supposed to (pictures attached). Is this a known issue? Is there something special I need to do to the custom symbology?

[RussRoberts]

Are these symbols coming from a web style?

[GIS_utahDEM]

@RussRoberts Yes, I published it from Pro. 

[RussRoberts · Accepted solution]

These are not supported in 3.x JSAPI apps like WAB. If you use this in a 4.x app like Experience Builder the symbols will show up as expected. 

[GIS_utahDEM]

Okay, thank you!

[Psoralea]

HI Rus - I am trying to solve a similar problem.  I am publishing from ArcPro with no errors or warnings, using what i consider pretty basic styles.  Any suggestions?

I want this:

But get this:

[RussRoberts]

Few questions:

Are you publishing a web layer or a web map?

You probably have the option to publish compatible symbols unchecked in Pro. Here are some links that can help out.

https://community.esri.com/t5/arcgis-online-questions/arcgis-web-app-not-honouring-web-map-symbology...

https://pro.arcgis.com/en/pro-app/latest/help/sharing/overview/share-a-web-map.htm

Follow up - any specific reason you are using WAB vs. instant apps or experience builder? WAB currently has a retirement roadmap outlined here  

[Psoralea]

Hi Russ - Turns out this relates to a recent ArcGIS Pro update, All I needed to do was to tick the check box here:  Thanks for your assistance