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

Split and Get value with arcade

KARIMLABIDI

Hello,

On Arcgis Portal, I would like to represent my buses line with Arcade and HTML. I would like get the number of the line and put colors in relation to the numbers.

My value are like that on my stop feature : Line 1, Line 2, ..., Test 56.

My first problem is to get the number only. I can split the field but then I don't know how the get the value.

Is someone think it's possible or too complicated? With IIf maybe?

I know this blog but my problem is little more different. https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/combining-arcade-and-html-for-a-real-life-pop-up-display/

Thank you

Finde mehr Beiträge mit dem Tag

Accepted answers

JohannesLindner

Good to hear, glad I could help.

Please mark an answer as solution, so that it gets shown at the top directly under the question.

All comments

PSGeo

Thanks, for the support. I just took days off, I cannot be a big support on this.
I agree with u, too messy.
Kind regards,
Pedro

JohannesLindner

Hey @John_Shell (and @PedroSoares1 , if you care),

this thread is messy enough, I'll post in the original question: Arcade Popups with multiple web links - Esri Community

John_Shell

Hi Johannes,

Can you help me with an issue in my pop-up?

Thanks,

John

https://tacoma.maps.arcgis.com/apps/mapviewer/index.html?webmap=c80eda9c8e434844a8ddbe742fc11a9c

This is for my expression1 links. The text display is correct for the intersecting polygons; however I don't know to to show individual weblinks without it merging the links together in a webpage.

John_Shell

Hi Pedro,

The issue is at the bottom of the pop-up when it lists out the names of the intersecting areas and the hyperlinks do not work correctly.

Link to WebViewer: https://tacoma.maps.arcgis.com/apps/mapviewer/index.html?webmap=c80eda9c8e434844a8ddbe742fc11a9c

Pop Up below

John_Shell

Hi Pedro,
Here is my expression for the links:

// Write a script to return a value to show in the pop-up.
// For example, get the average of 4 fields:
// Average($feature.SalesQ1, $feature.SalesQ2, $feature.SalesQ3, $feature.SalesQ4)

var areas =FeatureSetByName($map,"Neighborhood Council Districts (Tacoma)");
var Onefifty = Buffer($Feature, -150, 'feet')
var countp = Intersects(areas,Onefifty);

var result = "";
for (var item in countp){
var id = item["URL"] + Textformatting.newline + Textformatting.newline;
result += id + '\n'

}
return (result)

Thank you,
John

PedroSoares1

Hi, I am bit busy this week. but could you share the code you have done? meanwhile this is a sample of what i have. cheers

1 - the custom attribute Display such as:

2 - the two expressions: bike and car (remember need to be two expressions) such as:

//show_Car

var arrName = Split(replace($feature. Vehicle, " ", ""),",")

for (var i in arrName) {

if(arrName[i]=="car") {return "block"}

}

return "none"

John_Shell

Hi,

I am having issues with multiple links from a single field. A one to many and I need each hyperlink to be on its' own line. In the test of arcade it looks fine but in the popup after clicking on the link it merges two or more links together.

Thank you,

John Shell

John_Shell

Hi Pedro, Did you ever find a solution for your weblinks merging together like car.bike?

I am having similar issues.

Thank you

John

PedroSoares1

yes.

I am just trying to do the popup and I never used html before. 🙂
Thanks for the tip, I will try to be more organized.

cheers,

Pedro

JohannesLindner

Ah, so your field formatting isn't consistent.

It isn't a bug, it's exactly what you told the computer to do. Take a look at your expressions:

Split($feature.Equipment, ",")

// "Car,Boat" -> ["Car", "Boat"]
// "Car, Boat" -> ["Car", " Boat"]
// -> Test for "Boat" will fail in the second case

Yeah, removing the spaces in the table would be good. Alternatively (or additionally), you can also remove the spaces in the expression:

Split(Replace($feature.Equipment, " ", ""), ",")

PedroSoares1

Hi,

just tested, In the morning I was quite busy with other stuff.

Works well for a single entry in the field. but if both are in the field (Car, Boat) …only the first one appears.

So I tried to change in the entry field from the "Car, Boat" to "Car,Boat" (no space after the comma) and guess what. it works.

My opinion is that such "space" shouldn't trigger a wrong answer to the call... it seems like a bug.
However, I just need to remove all spaces from the field for the final display to work. So I am ok with this.

Many thanks once more!

cheers, Pedro

JohannesLindner

You use the Equipment field as link text. That means that you get the whole content of that field as link text, so if you have multiple equipment types, they will all be there.

Do it like this:

<table style="width:100%;">
<tbody>
<tr style="display:{expression/expr4}">  <td style="..."><a href="...">Boat</a> </td>  </tr>

<tr style="display:{expression/expr3}">  <td style="..."><a href="...">Car</a> </td>  </tr>
</tbody></table>

PedroSoares1

Hi,

many thanks, for the support.

cheers

Pedro

The attributes as they are written field:

Car,

Boat

Car, Boat

The code is this:

HTML:

<div style="display: {expression/expr4};"><a href="https://www.quicksilver-boats.com/media/391646/755-sundeck-running-268_original_hero_2000x1125.jpg?anchor=center&mode=crop&width=616&height=347&rnd=132161251460000000">{Equipment}</a></div>


<div style="display: {expression/expr3};"><a href="https://www.esmadrid.com/sites/default/files/styles/content_type_full/public/editorial/coches_compartidos_madrid.jpg?itok=gTSAwa66">{Equipment}</a></div>

HTML - but table incorporated.

<table style="width:100%;">
<tbody>
<tr style="display:{expression/expr4}">  <td style="width:200px; text-align:left; background-color:#302f2f; padding:5px"><a href="https://www.quicksilver-boats.com/media/391646/755-sundeck-running-268_original_hero_2000x1125.jpg?anchor=center&mode=crop&width=616&height=347&rnd=132161251460000000">{Equipment}</a> </td>  </tr>

<tr style="display:{expression/expr3}">  <td style="width:200px; text-align:left; background-color:#302f2f; padding:5px"><a href=" https://www.esmadrid.com/sites/default/files/styles/content_type_full/public/editorial/coches_compartidos_madrid.jpg?itok=gTSAwa66 ">{Equipment}</a> </td>  </tr>
</tbody></table>

Arcade:

Expression/expr3

//show_car

var arrName = Split($feature.Equipment, ",")

for (var i in arrName) {

if(arrName[i]=="car") {return "block"}

}

return "none"

Expression/expr4

/show_boat

var arrName = Split($feature.Equipment, ",")

for (var i in arrName) {

if(arrName[i]=="boat") {return "block"}

}

return "none"

JohannesLindner

Hi again!

Yeah, please post the code you use. The HTML and at least one of the Arcade expressions.

PedroSoares1

Hi,

JohannesLindner, last

3 weeks ago you answer my question about the hyperlinks. one per vehicle (car, bicycle, etc)... more than one if there is more than one vehicle listed in the field.
the popup shows the naming correctly for one vehicle, for two vehicles, etc. However the hyperlink doesn't work properly when more than one vehicle is listed. It simply makes a single hyperlink of both words some thing like this:

Car, bicycle

I tested the link for both Car and Bicycle isolated and it works fine.

What could be the mistake?

if you want I can share the code but it is exactly what you suggested than.

cheers

Pedro

PSGeo

Hi,

real nice. I was looking for this. I was wondering if it is possible to add hyperlinks, according to the field attribute. My problem here is that I would like to show an alias of the hyperlink. but the Equip field can have more than one equipment (therefore I am using your solution for split).

I hope u can understand my difficulty.

cheers

Pedro

// show_line_1
var lines = Split($feature.Equip, ",")
for(var i in lines) {
  if(lines[i] == "car") { return "https://luxe.digital/lifestyle/cars/fastest-cars/" }
}
return "none"

JohannesLindner

Good to hear, glad I could help.

Please mark an answer as solution, so that it gets shown at the top directly under the question.

KARIMLABIDI

Yes it works! Thank you so much Johannes!

JohannesLindner

If your lines are always separated by the same character ("/" in your image), you can use this:

// show_line_1
var lines = Split($feature.LineField, "/")
return IIF(Includes(lines, "Line 1"), "block", "none")

If Includes is not available for you yet (it came with the latest Arcade version), it would be a bit more cumbersome:

// show_line_1
var lines = Split($feature.LineField, "/")
for(var i in lines) {
  if(lines[i] == "Line 1") { return "block" }
}
return "none"

KARIMLABIDI

Hi Johannes, it works like a charm!

But I Have a problem with the Find fonction: it finds me every word beginning by a B or a C as we see in the image. Even when my line calls 1 or 11, it finds the both.

How can I solve this little problem? I have tried with the lenght of the value or a other value of a other field but I didn't success.

If you have any idea, it would be very nice ! Thank you

JohannesLindner

As Josh said, if you want to format the lines differently in the popup, you will have to create an expression for each of your lines.

// expression/show_line_1
// returns "none" if "Line 1" is not found in the Line field
// returns "block" if it is found
var result = Find("Line 1", $feature.LineField)
if(result == -1) { return "none" }
return "block"

In your popup configuration, switch to HTML source.

<p style="font-weight: bold;">Lines at this stop:</p>
<div style="display: {expression/show_line_1}; color: red;">Line 1</div>
<div style="display: {expression/show_line_2}; color: green;">Line 2</div>
<div style="display: {expression/show_line_3}; color: blue; background:black;">Line 3</div>

If you return "inline" instead of "block " in the expression, the lines will be shown next to each other.

KARIMLABIDI

Hello Josh, thank for your answer.

There 's still have a relationship class between the stops and the lines. how see you the things?

jcarlson

The trouble is, you're only going to be able to output a single color. So your popup could have some kind of element, maybe a shape or a line of text, but you can only define its color once.

If you want one element per line associated with the stop, you'll need some way to identify each line separately. Meaning, each line will need its own expression.

You can try to create a list of lines in a single expression, but what you'll find is that HTML tags have to be established in the popup, not in the expression. When you try to use HTML in the expression itself, you get this:

The <...> items are treated as raw text, not HTML.

So for each possible line, you need some kind of placeholder in the popup. Depending on the number of possible lines, this can lead to a rather inelegant popup.

This might be too far outside the scope of your question, but how much control do you have over the data? Would it be possible to establish a relationship class between the stops and lines? The string-based list of Lines just seems difficult to work with.

KARIMLABIDI

I don't know maybe with multiple Iif ?If I can split the field and get each value, after that maybe with Iif (Left($feature.field),4) == "Test"), "#color", Iif ((Left($feature.field),4) == "Line"), "#color2"),...

I don't know if it's possible.

jcarlson

So is your example, "Line 1, Line 2, ..., Test 56" for a single point? How do you envision a stop being displayed when there are multiple values?

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.