Creating a background color based on a field value using Arcade

Question

Hello,

I'll start off by saying that I'm not very good at coding. Trying to think outside the box when I don't even know what the box is, is making for some difficult times, but I'm trying!

I'm trying to create a background color based on a field value using arcade, this is going in the Title location under pop-ups. I was able to create a box color for the text using HTML however that wasn't based on any values. The picture below is what I'm basically trying to accomplish. Each color matches the icons on the map

In Warranty = Purple

In Development Review = Yellow

Approved = Green

Under Construction = Orange

Any help would be greatly appreciated. I've looked at several guides and tried using the AI generator but didn't have much luck with either.

NathanGabbard · Answer

Ah I see, okay that is good to know!  Thanks for your help.

JonathanMcD · Answer

So, whilst you can change the colours of Text Boxes in the pop-up, you can't change the pop-up Title background. As you can see, you can use that field for an expression return and you can see your expression working.

The colour management is in the Text Box HTML - as you can see by the full view of my pop-up.

NathanGabbard · Answer

So I gave it a shot, and I had tried something similar to this yesterday and got the same results.

My titles look like this:

Clearly I'm doing something wrong but following all the examples, I don't know what.