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

Arcade Code IIF Statement for List Item showing Status Change

deleted-user-sNUdtFrn2yEY

Hello, this is my first attempt at trying to use Arcade in Operations Dashboard.

I want to change the List Item background color based on the Survey status. I'm having difficulty trying to get this Arcade code to work. See code sample and screen shots.

Code sample:

// Status of Survey entry
var color = IIF($datapoint.status == open, '#FFBEBE', '');
var color = IIF(datapoint.status == closed, '#D3FFBE','');
var color = IIF(datapoint.status == inprocess, '#BEE8FF','');
return {
textColor: '',
backgroundColor: 'color',
separatorColor:'',
selectionColor: '',
selectionTextColor: '',
// attributes: {
// attribute1: '',
// attribute2: ''
// }
}

Thanks in advance for any assistance you can provide me with. I'd like to try and change the Background color for Status - (open, closed and inprocess).

Best regards,

Colleen Madigan Schelde

Senior GIS Specialist

Radiuselnet

comas@radiuselnet.dk

+45 9955 6902

Arcade Code Example 1.jpg

Arcade Code Example 2.jpg

Arcade Code Example 1a.jpg

Find more posts tagged with

Accepted answers

XanderBakker

Hi Colleen Madigan Schelde ,

On lines 2, 3 and 4 of the original code. when you want to validate if the status is open, closed or in process, you will have to enclose those values in quotes. The other change required is that you will want to not use quotes when you access the values assigned to the color variable (see line 13). In the example below I have changed the first part of the code to make it a little bit more readable.

<SPAN class="comment token">// Status of Survey entry</SPAN>
<SPAN class="keyword token">var</SPAN> color <SPAN class="operator token">=</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>$datapoint<SPAN class="punctuation token">.</SPAN>status <SPAN class="operator token">==</SPAN> <SPAN class="string token">'open'</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
    color <SPAN class="operator token">=</SPAN> <SPAN class="string token">'#FFBEBE'</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN> <SPAN class="keyword token">else</SPAN> <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>$datapoint<SPAN class="punctuation token">.</SPAN>status <SPAN class="operator token">==</SPAN> <SPAN class="string token">'closed'</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
    color <SPAN class="operator token">=</SPAN> <SPAN class="string token">'#D3FFBE'</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN> <SPAN class="keyword token">else</SPAN> <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>$datapoint<SPAN class="punctuation token">.</SPAN>status <SPAN class="operator token">==</SPAN> <SPAN class="string token">'inprocess'</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
    color <SPAN class="operator token">=</SPAN> <SPAN class="string token">'#BEE8FF'</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>

<SPAN class="keyword token">return</SPAN> <SPAN class="punctuation token">{</SPAN>
    textColor<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">,</SPAN>
    backgroundColor<SPAN class="punctuation token">:</SPAN> color<SPAN class="punctuation token">,</SPAN>
    separatorColor<SPAN class="punctuation token">:</SPAN><SPAN class="string token">''</SPAN><SPAN class="punctuation token">,</SPAN>
    selectionColor<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">,</SPAN>
    selectionTextColor<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">,</SPAN>
    <SPAN class="comment token">// attributes: {</SPAN>
    <SPAN class="comment token">// attribute1: '',</SPAN>
    <SPAN class="comment token">// attribute2: ''</SPAN>
    <SPAN class="comment token">// }</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

Ed_

Hi Xander, can't you consolidate all the elseifs into a single if by using OR (||)?

deleted-user-sNUdtFrn2yEY

Xander -

Thanks so much for your quick response and help with my question! This is so awesome and very much appreciated. Have a great day! It works great!! 🙂

Best regards,

Colleen Madigan Schelde

Radiuselnet

XanderBakker

Hi Colleen Madigan Schelde ,

<SPAN class="comment token">// Status of Survey entry</SPAN>
<SPAN class="keyword token">var</SPAN> color <SPAN class="operator token">=</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>$datapoint<SPAN class="punctuation token">.</SPAN>status <SPAN class="operator token">==</SPAN> <SPAN class="string token">'open'</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
    color <SPAN class="operator token">=</SPAN> <SPAN class="string token">'#FFBEBE'</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN> <SPAN class="keyword token">else</SPAN> <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>$datapoint<SPAN class="punctuation token">.</SPAN>status <SPAN class="operator token">==</SPAN> <SPAN class="string token">'closed'</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
    color <SPAN class="operator token">=</SPAN> <SPAN class="string token">'#D3FFBE'</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN> <SPAN class="keyword token">else</SPAN> <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>$datapoint<SPAN class="punctuation token">.</SPAN>status <SPAN class="operator token">==</SPAN> <SPAN class="string token">'inprocess'</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
    color <SPAN class="operator token">=</SPAN> <SPAN class="string token">'#BEE8FF'</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>

<SPAN class="keyword token">return</SPAN> <SPAN class="punctuation token">{</SPAN>
    textColor<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">,</SPAN>
    backgroundColor<SPAN class="punctuation token">:</SPAN> color<SPAN class="punctuation token">,</SPAN>
    separatorColor<SPAN class="punctuation token">:</SPAN><SPAN class="string token">''</SPAN><SPAN class="punctuation token">,</SPAN>
    selectionColor<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">,</SPAN>
    selectionTextColor<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">,</SPAN>
    <SPAN class="comment token">// attributes: {</SPAN>
    <SPAN class="comment token">// attribute1: '',</SPAN>
    <SPAN class="comment token">// attribute2: ''</SPAN>
    <SPAN class="comment token">// }</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

deleted-user-sNUdtFrn2yEY

I'm trying to do this - Getting started with Arcade in the ArcGIS Dashboards Beta

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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