topic Re: Change text color based on value/label using Arcade in ArcGIS Online Questions

Change text color based on value/label using Arcade

dwold — Tue, 31 Oct 2023 18:53:16 GMT

In my pop-up, I'd like to have the text correspond with the map symbology color. Any suggestions on how to do so? I tried the following below with no success:

Re: Change text color based on value/label using Arcade

KenBuja — Tue, 31 Oct 2023 19:44:05 GMT

There are a couple of ways to do that. The original way is outlined in this blog.

The more modern way is to use the Arcade element, which allows you to use HTML tags directly. I've simpified your code, using the When function (replacing all the ifs) and template literals.

var r1 = $feature.["Risk_Level"]; var output = When(r1 == 0, "Lowest", r1 < 2, `Very low`, r1 < 3, `Low`, r1 < 4, `Moderate`, r1 < 5, `High`, r1 < 6, `Very high`, `Highest`) return { type : 'text', text : output //this property supports html tags }

Note: when posting code, using an image makes it more difficult for us to copy and paste to give an answer. Instead, use the Insert/Edit code sample icon

Re: Change text color based on value/label using Arcade

dwold — Tue, 31 Oct 2023 20:09:39 GMT

@KenBuja Thank you!!!

Re: Change text color based on value/label using Arcade

dwold — Wed, 01 Nov 2023 14:38:27 GMT

@KenBuja do you see anything I am missing in the code?

this my pop-up:

var r1 = $feature["Risk_Level"]; var output = When(r1 == 0, "Lowest", r1 < 2, `Very low`, r1 < 3, `Low`, r1 < 4, `Moderate`, r1 < 5, `High`, r1 < 6, `Very high`, `Highest`) return { type : 'text', text : output //this property supports html tags }

I also tried this with no luck:

var r1 = $feature["Risk_Level"]; var output = When(r1 == 0, "Lowest", r1 < 1, `Very low`, r1 < 2, `Low`, r1 < 3, `Moderate`, r1 < 4, `High`, r1 < 5, `Very high`, r1 < 6, `Highest`) return { type : 'text', text : output //this property supports html tags }

Re: Change text color based on value/label using Arcade

KenBuja — Wed, 01 Nov 2023 14:39:17 GMT

You have to add this code to a Arcade element

Re: Change text color based on value/label using Arcade

JasminePrater — Mon, 22 Jan 2024 23:30:30 GMT

I'm trying to do something similar, except I want the HydrantID field to be the label where it turns red if Public and yellow if Private. The Public or Private information is in the Owner field. Is that something that can be done with modifications to this code?

Re: Change text color based on value/label using Arcade

ctalleygreenville — Mon, 11 Mar 2024 17:16:16 GMT

Thank you Ken, this is very helpful.