Hi Graham, I have created a clone of the Dashboard and webmap, to begin tinkering. test Dashboard test webmap
It works great in the Dashboard. (Which I see is using API 3.32) But it doesn't render in the web map, either the new one (Beta; 4x) or the existing AGOL one (3x web map still production) Nor does it render correctly in the embedded Dashboard when it is embedded in Hub. Inspecting the current AGOL webmap components in F12, despite it having the particular CDN folder structure it also appears to be using 3.32. And yet... the popups don't render correctly. It only works in the Dashboard.
It loads fine and calculates the values. It's just the line break tags that don't work anywhere except the Dashboard. They are shown as <br\>
I don't know if this is related, but something us users have been requesting for a few years - is Arcade and popups need to be able to render HTML and support CSS to really unlock their potential, not only for basic styling and formatting like this; but to enable full data-driven visuals and HTML. For example make the popup background a certain color; shape or size, based on an attribute value. Show or hide an image based on an attribute. Etc. Full HTML not just the handful of tags currently supported. Create HTML for popup with Arcade? The possibilities with CSS and HTML are limitless. A big thing would actually be simply supporting the Title tag, to enable Tooltips. I use those extensively for my WAB sites, to make tools discoverable and intuitive for users. Pure HTML so it is easy and reliable.
In conclusion - is this still a limitation or a bug?
My main concern here specifically is that I want it to work in both places. I want the line breaks in the production Dashboard, but also in the embedded Dashboard in the Hub. How can this be achieved? And if it is fixed to work in 4x would that break it on the Dashboard popup (3x) itself? Is it possible to work in both?
This is the Expression used to generated the popup. It is all in the webmap. No styling anywhere else. All hosted on AGOL.
Thank you Graham Hudgins and team for the support and replies!
var cnty = $feature.County;
var st = $feature.State;
var c = $feature.Cases;
var d = $feature.Deaths;
var p = $feature.CountyPopACS18Est5Yr;
var sm = $feature.CountySqMiles;
var outstring = cnty + " County, " + st + "<br />";
outstring += "Positive Cases: " + c + "<br />";
outstring += "Deaths: " + d + "<br />";
outstring += "Percent of Positive Cases that Died: " + Round(((d / c) * 100), 5) + "%<br />";
outstring += "Percent of County Population Positive: " + Round(((c / p) * 100), 5) + "%<br />";
outstring += "Cases per Square Mile: " + Round((c / sm), 5) + "<br />";
return outstring
