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

Attribute Expressions in AGOL

VishalShah2

I'm currently looking at/researching how to edit attribute expressions and even change the color of text in the expressions. My problem is, I do not know how to go about it or which language to use that would be best.

Any links to articles/discussion/resources or even solutions are welcome!

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

VishalShah2

<SPAN class="comment token">// #FAAF41 Primary Color</SPAN>

<SPAN class="keyword token">var</SPAN> primaryColor <SPAN class="operator token">=</SPAN> <SPAN class="string token">"#FAAF41"</SPAN><SPAN class="punctuation token">;</SPAN>

<SPAN class="keyword token">var</SPAN> networkID <SPAN class="operator token">=</SPAN> $feature<SPAN class="punctuation token">.</SPAN>NetworkID<SPAN class="punctuation token">;</SPAN>
<SPAN class="keyword token">var</SPAN> color <SPAN class="operator token">=</SPAN> primaryColor<SPAN class="punctuation token">[</SPAN>networkID<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="token function">Console</SPAN><SPAN class="punctuation token">(</SPAN>color<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="keyword token">return</SPAN> color

<SPAN class="operator token"><</SPAN>font color<SPAN class="operator token">=</SPAN><SPAN class="string token">"{expression/expr0}"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN>b<SPAN class="operator token">></SPAN><SPAN class="punctuation token">{</SPAN>networkID<SPAN class="punctuation token">}</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>b<SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>font<SPAN class="operator 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>

Xander,

In line 10, I get an Unexpected identifier error. Do you know why that is?

VishalShah2

Thank you Xander! This is my first time working with Arcade and Attribute Expressions in AGOL!

VishalShah2

Thank you Greg! This is my first time working with Arcade and Attribute Expressions in AGOL!

XanderBakker

To show an example of what can be done, your html code for a pop-up could be like this:

<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>{expression/expr0}<SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>b</SPAN><SPAN class="punctuation token">></SPAN></SPAN>{GRAVEDAD}<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>b</SPAN><SPAN class="punctuation token">></SPAN></SPAN><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>

In this case my field is called "GRAVEDAD" with three possible values: SOLO DAÑOS (only material damage), HERIDOS (injuries), MUERTO (diseased). If you would like to vary the color of the text, you can use an Arcade expression inside the color tag (switch to HTML view to reveal the html code).

The expression in my case would be:

<SPAN class="comment token">// #800080 purple</SPAN>
<SPAN class="comment token">// #ff0000 red</SPAN>
<SPAN class="comment token">// #ff8c00 orange</SPAN>
<SPAN class="keyword token">var</SPAN> dct_grav <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN><SPAN class="string token">"SOLO DAÑOS"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"#ff8c00"</SPAN><SPAN class="punctuation token">,</SPAN>&nbsp; <SPAN class="string token">"HERIDO"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"#ff0000"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"MUERTO"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"#800080"</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>

<SPAN class="keyword token">var</SPAN> gravedad <SPAN class="operator token">=</SPAN> $feature<SPAN class="punctuation token">.</SPAN>GRAVEDAD<SPAN class="punctuation token">;</SPAN>
<SPAN class="keyword token">var</SPAN> color <SPAN class="operator token">=</SPAN> dct_grav<SPAN class="punctuation token">[</SPAN>gravedad<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="token function">Console</SPAN><SPAN class="punctuation token">(</SPAN>color<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="keyword token">return</SPAN> color<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

This will return the color code (purple, red or orange) depending the field value GRAVEDAD, resulting in:

Greg_Mattis

Hi Vishal,

Here is the documentation that I think you are looking for. It is at the very bottom talking about using If Then statements to drive font color and it gives you the arcade statement.

Specify text for labels—ArcGIS Pro | ArcGIS Desktop

VishalShah2

Do you know of any examples where people have tried to change the color of the expressions?

XanderBakker

The scripting language is called Arcade (ArcGIS Arcade | ArcGIS for Developers ) which is similar to JavaScript (not Python). Use a script to create new results based on multiple attributes. When using Arcade in the pop-up windows, you can get some fancy results. See also this thread: https://community.esri.com/thread/197406-insert-html-with-arcade

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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