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

Set color of calculated value

Slamon

I am trying to set the color of a calculated value to be green. It's a decimal field and a simple equation, but I'm not getting anywhere with the samples provided by Esri or in the reference tab.

This is what I have tried: <div style="color:green">round(sum(${REL_TOTAL_VOL}),2)</div>

but S123 just kicks back an error that is doesn't understand the string.

Vind meer berichten getagd met

Accepted answers

Neal_t_k

You would put the html in the label field and you might need to adjust it a bit to meet your needs. Maybe something like this:

<div style="color:green">Total Event Volume (BBL): ${TOTAL_EVENT_VOL}</div>

All comments

Neal_t_k

Try this to see if it worker for you, put the calculation in a helper field.

helper field calculation = round(sum(${REL_TOTAL_VOL}),2)

then in a note field put the html formatting:

note field label = <div style="color:green">${helperfield}</div>

Slamon

It's still not liking something

Neal_t_k

You would put the html in the label field and you might need to adjust it a bit to meet your needs. Maybe something like this:

<div style="color:green">Total Event Volume (BBL): ${TOTAL_EVENT_VOL}</div>

Slamon

Wouldn't that set the color for just the label and not the calculated values in the box?

Slamon

What I'm trying to get is the values within the boxes to be green.

Screenshot 2025-12-11 154417.jpg

Slamon

Nevermind... I see where I went wrong with your example, and that should work.

Neal_t_k

@Slamon Its ends up being dynamic text and not a "value".

https://community.esri.com/t5/arcgis-survey123-blog/understanding-dynamic-labels-in-survey123-for/ba-p/894844

Neal_t_k

If you want you should be able to format more like a table like your picture using html, it would be trial and error for me, but it should be possible. Or use multiple html tags to have a black label and a green value.

Neal_t_k

Might have to tweek some more and update the field names but here is an example of a html table format you can paste in the label field of your note:

<table border="1">
  <tr>
    <th>Total Event Volume (BBL)</th>
    <th>Total Event Oil Volume (BBL)</th>
    <th>Total Event Produced Water/Other Volume (BBL)</th>
  </tr>
  <tr>
    <td style="color:green">${TOTAL_EVENT_VOL}</td>
    <td style="color:green">${TOTAL_EVENT_VOL}</td>
    <td style="color:green">${TOTAL_EVENT_VOL}</td>
  </tr>
 
</table>

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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