So, I'm trying to make a list of items in a label. Should look like this: Instead, its looking like this: The arcade snippet: function bullet ( item , isLast ) { return ' - ' + item + IIF ( isLast , '' , '\n' ) ; } function list ( items ) { var body = '' ; for ( var item in items ) { var index = IndexOf ( items , item ) ; var isLast = index == Count ( items ) - 1 ; body + = IIF ( IsEmpty ( item ) , '' , bullet ( item , isLast ) ) ; } return body ; } ' UND>' + 'test' + ' \n' + list ( [ 'hey' , 'there' ] ) What would be the issue I'm missing?

This is the correction of the typo I had in my function. for(var i in items) i is actually the index, not the item. function bullet ( item , isLast ) { return ' - ' + item + IIF ( isLast , '' , '\n' ) ; } function list ( items ) { var body = '' ; for ( var index in items ) { var isLast = index == Count ( items ) - 1 ; body + = IIF ( IsEmpty ( item ) , '' , bullet ( items[index] , isLast ) ) ; } return body ; }

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 function not labeling correctly

roemhildtg

So, I'm trying to make a list of items in a label. Should look like this:

Instead, its looking like this:

The arcade snippet:

<SPAN class="keyword token">function</SPAN> <SPAN class="token function">bullet</SPAN><SPAN class="punctuation token">(</SPAN>item<SPAN class="punctuation token">,</SPAN> isLast<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">return</SPAN> <SPAN class="string token">' - '</SPAN> <SPAN class="operator token">+</SPAN> item <SPAN class="operator token">+</SPAN> <SPAN class="token function">IIF</SPAN><SPAN class="punctuation token">(</SPAN>isLast<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">'\n'</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>

<SPAN class="keyword token">function</SPAN> <SPAN class="token function">list</SPAN><SPAN class="punctuation token">(</SPAN>items<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">var</SPAN> body <SPAN class="operator token">=</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">for</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">var</SPAN> item <SPAN class="keyword token">in</SPAN> items<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">var</SPAN> index <SPAN class="operator token">=</SPAN> <SPAN class="token function">IndexOf</SPAN><SPAN class="punctuation token">(</SPAN>items<SPAN class="punctuation token">,</SPAN> item<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">var</SPAN> isLast <SPAN class="operator token">=</SPAN> index <SPAN class="operator token">==</SPAN> <SPAN class="token function">Count</SPAN><SPAN class="punctuation token">(</SPAN>items<SPAN class="punctuation token">)</SPAN> <SPAN class="operator token">-</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; body <SPAN class="operator token">+</SPAN><SPAN class="operator token">=</SPAN> <SPAN class="token function">IIF</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="token function">IsEmpty</SPAN><SPAN class="punctuation token">(</SPAN>item<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="token function">bullet</SPAN><SPAN class="punctuation token">(</SPAN>item<SPAN class="punctuation token">,</SPAN> isLast<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN>
&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">return</SPAN> body<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>


<SPAN class="string token">'<BOL>UND>'</SPAN> <SPAN class="operator token">+</SPAN> <SPAN class="string token">'test'</SPAN> <SPAN class="operator token">+</SPAN> <SPAN class="string token">'</BOL></UND>\n'</SPAN> <SPAN class="operator token">+</SPAN> <SPAN class="token function">list</SPAN><SPAN class="punctuation token">(</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="string token">'hey'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">'there'</SPAN><SPAN class="punctuation 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>

What would be the issue I'm missing?

Najděte více příspěvků označených jako

Accepted answers

roemhildtg

This is the correction of the typo I had in my function. for(var i in items) i is actually the index, not the item.

<SPAN class="">function</SPAN> <SPAN class="">bullet</SPAN><SPAN class="">(</SPAN>item<SPAN class="">,</SPAN> isLast<SPAN class="">)</SPAN><SPAN class="">{</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="">return</SPAN> <SPAN class="">' - '</SPAN> <SPAN class="">+</SPAN> item <SPAN class="">+</SPAN> <SPAN class="">IIF</SPAN><SPAN class="">(</SPAN>isLast<SPAN class="">,</SPAN> <SPAN class="">''</SPAN><SPAN class="">,</SPAN> <SPAN class="">'\n'</SPAN><SPAN class="">)</SPAN><SPAN class="">;</SPAN>
<SPAN class="">}</SPAN>

<SPAN class="">function</SPAN> <SPAN class="">list</SPAN><SPAN class="">(</SPAN>items<SPAN class="">)</SPAN><SPAN class="">{</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="">var</SPAN> body <SPAN class="">=</SPAN> <SPAN class="">''</SPAN><SPAN class="">;</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="">for</SPAN><SPAN class="">(</SPAN><SPAN class="">var</SPAN> index <SPAN class="">in</SPAN> items<SPAN class="">)</SPAN><SPAN class="">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="">var</SPAN> isLast <SPAN class="">=</SPAN> index <SPAN class="">==</SPAN> <SPAN class="">Count</SPAN><SPAN class="">(</SPAN>items<SPAN class="">)</SPAN> <SPAN class="">-</SPAN> <SPAN class="">1</SPAN><SPAN class="">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; body <SPAN class="">+</SPAN><SPAN class="">=</SPAN> <SPAN class="">IIF</SPAN><SPAN class="">(</SPAN><SPAN class="">IsEmpty</SPAN><SPAN class="">(</SPAN>item<SPAN class="">)</SPAN><SPAN class="">,</SPAN> <SPAN class="">''</SPAN><SPAN class="">,</SPAN> <SPAN class="">bullet</SPAN><SPAN class="">(</SPAN>items[index]<SPAN class="">,</SPAN> isLast<SPAN class="">)</SPAN><SPAN class="">)</SPAN><SPAN class="">;</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="">}</SPAN>
&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; <SPAN class="">return</SPAN> body<SPAN class="">;</SPAN>
<SPAN class="">}</SPAN>

All comments

Greg_Mattis

Is the list going to be drawing from a field or is it just going to be text in the arcade expression?

roemhildtg

I'm going to be passing it a field. So something like this:

<SPAN class="" style="color: #669900; border: 0px; font-weight: inherit;">'<BOL>UND>'</SPAN> <SPAN class="" style="color: #a67f59; background: rgba(255, 255, 255, 0.5); border: 0px; font-weight: inherit;">+</SPAN> <SPAN class="" style="color: #669900; border: 0px; font-weight: inherit;">$feature.field1 </SPAN><SPAN class="" style="color: #a67f59; background: rgba(255, 255, 255, 0.5); border: 0px; font-weight: inherit;">+</SPAN> <SPAN class="" style="color: #669900; border: 0px; font-weight: inherit;">'</BOL></UND>\n'</SPAN> <SPAN class="" style="color: #a67f59; background: rgba(255, 255, 255, 0.5); border: 0px; font-weight: inherit;">+</SPAN> <SPAN class="" style="color: #d74444; border: 0px; font-weight: inherit;">list</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">(</SPAN> <SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">[</SPAN><SPAN class="" style="color: #669900; border: 0px; font-weight: inherit;">$feature.field2, $feature.field3</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">]</SPAN><SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">)</SPAN>

Greg_Mattis

I was able to get it to work without the list function. To my knowledge I do not think that Arcade supports list functions. I wasn't able to find it in the ArcGIS Arcade documentation.

Here Arcade expression I was able to get to work with putting the values of the "list" on separate lines.

"<BOL>"+"<UND>"+$feature.field1+"</UND>"+"</BOL>" + TextFormatting.Newline + $feature.field2 + TextFormatting.Newline + $feature.field3

Let me know if you have any questions

roemhildtg

gmattis_visalia wrote:
I was able to get it to work without the list function. To my knowledge I do not think that Arcade supports list functions. I wasn't able to find it in the ArcGIS Arcade documentation.

I think you may have missed part of the code. I have a function "list" defined above. It does a little bit of processing to see if the field has a value, and adds a bullet point to the field so its in a list-like format, like in the screenshot. The idea is, some fields may be empty or null, and I don't want them to have an empty bullet point, I'd rather they are skipped.

roemhildtg

This is the correction of the typo I had in my function. for(var i in items) i is actually the index, not the item.

<SPAN class="">function</SPAN> <SPAN class="">bullet</SPAN><SPAN class="">(</SPAN>item<SPAN class="">,</SPAN> isLast<SPAN class="">)</SPAN><SPAN class="">{</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="">return</SPAN> <SPAN class="">' - '</SPAN> <SPAN class="">+</SPAN> item <SPAN class="">+</SPAN> <SPAN class="">IIF</SPAN><SPAN class="">(</SPAN>isLast<SPAN class="">,</SPAN> <SPAN class="">''</SPAN><SPAN class="">,</SPAN> <SPAN class="">'\n'</SPAN><SPAN class="">)</SPAN><SPAN class="">;</SPAN>
<SPAN class="">}</SPAN>

<SPAN class="">function</SPAN> <SPAN class="">list</SPAN><SPAN class="">(</SPAN>items<SPAN class="">)</SPAN><SPAN class="">{</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="">var</SPAN> body <SPAN class="">=</SPAN> <SPAN class="">''</SPAN><SPAN class="">;</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="">for</SPAN><SPAN class="">(</SPAN><SPAN class="">var</SPAN> index <SPAN class="">in</SPAN> items<SPAN class="">)</SPAN><SPAN class="">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="">var</SPAN> isLast <SPAN class="">=</SPAN> index <SPAN class="">==</SPAN> <SPAN class="">Count</SPAN><SPAN class="">(</SPAN>items<SPAN class="">)</SPAN> <SPAN class="">-</SPAN> <SPAN class="">1</SPAN><SPAN class="">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; body <SPAN class="">+</SPAN><SPAN class="">=</SPAN> <SPAN class="">IIF</SPAN><SPAN class="">(</SPAN><SPAN class="">IsEmpty</SPAN><SPAN class="">(</SPAN>item<SPAN class="">)</SPAN><SPAN class="">,</SPAN> <SPAN class="">''</SPAN><SPAN class="">,</SPAN> <SPAN class="">bullet</SPAN><SPAN class="">(</SPAN>items[index]<SPAN class="">,</SPAN> isLast<SPAN class="">)</SPAN><SPAN class="">)</SPAN><SPAN class="">;</SPAN>
&nbsp;&nbsp;&nbsp; <SPAN class="">}</SPAN>
&nbsp;&nbsp;&nbsp; 
&nbsp;&nbsp;&nbsp; <SPAN class="">return</SPAN> body<SPAN class="">;</SPAN>
<SPAN class="">}</SPAN>

Připojte se ke konverzaci

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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