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

Change Text Color Based on Value from Nested If Statement?

NEidenAZ

Hello! I'm wondering if it's possible to change the color of text based on the value from a nested If statement? I'm building a survey and based on a nested If statement, 3 answers are possible, which will in turn populate a Status field. If the facility is over capacity, I'd like the text to be Red, if at Capacity, Yellow, and if Below Capacity, Green.

Thanks!

~Nikki Eiden, AZ Dept. of Health Services

James Tedrick‌

ChangeTextColor.png

Encontre mais publicações marcadas com

Accepted answers

All comments

FC_Basson

Based on the answer provided by Craig, what version of Survey123 Connect are you using?

CPoynter

Maybe another solution: https://community.esri.com/thread/229158-survey123-style-a-calculation-result

NEidenAZ

Thanks again! no luck 😞 Would you happen to have a screen shot of this in a XLSForm?

FC_Basson

Try this:

if(${CurrentCapacity}>${Capacity_Total}, '<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>font</SPAN> <SPAN class="attr-name token">color</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>red<SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN>OverCapacity<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>font</SPAN><SPAN class="punctuation token">></SPAN></SPAN>', 'Other')<SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

NEidenAZ

Thanks for the idea. I gave it a try, no luck. S123 didn't like it when I saved the excel. Have you successfully used this technique? Perhaps I got the syntax wrong?

FC_Basson

Try changing the output text from the IF-statement to HTML formatted text e.g.

<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>font</SPAN> <SPAN class="attr-name token">color</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>red<SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN>Over Capacity<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>font</SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

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