topic Re: Arcade text not working in a pop-up in ArcGIS Online Questions

Arcade text not working in a pop-up

SimonCrutchley — Fri, 02 Feb 2024 09:37:27 GMT

Hi folks,

I'm trying to do something similar to a previous post with regard to the popup in Map Viewer the pop-up. I want to display a bit of text with the link to a report, where one exists, but leave it completely blank where there isn't one. I assumed I could do this with the add 'Arcade' element to the pop-up, but although I have written a bit of code which returns the correct value in the test area, it doesn't work when live. Have I misunderstood how this works? I should add that I'm new to Arcade, beyond the simple stuff in Pro.

I attach a sample subset of my data and below is the bit of arcade I wrote. I deleted the text bit, as I assume I can just add this within the brackets, once I get the report itself to work

if (isempty ($feature.ADS_Link_to_Recording_Report)){return null}

else {return ($feature.ADS_Link_to_Recording_Report)}

I suspect I'm doing something basic wrong, but I'm not sure what.

Simon

Re: Arcade text not working in a pop-up

JohnEvans6 — Fri, 02 Feb 2024 13:37:57 GMT

I believe the return for a popup needs to be an object now, so you have to return:

return {
type : 'text',
text : 'my text here'
}

instead of just null or a features property.

var return_text IIf (IsEmpty($feature.ADS_Link_to_Recording_Report),return_text = null, return_text = $feature.ADS_Link_to_Recording_Report) return { type : 'text', text : return_text }

Should work.

Re: Arcade text not working in a pop-up

SimonCrutchley — Fri, 02 Feb 2024 13:50:05 GMT

Hi John, that worked thanks, but as I said I was hoping to actually have some text i.e. "Read the Archaeology Data Service report for Bury St. Edmunds Gasworks, if available". I just tried adding that and it fell over ☹️.

The linked text will be from {Site_Name_and_Address }, with the actual link to {$feature.ADS_Link_to_Recording_Report}.

Am I trying to do something too complicated?

Thanks

Re: Arcade text not working in a pop-up

N0MAD — Fri, 02 Feb 2024 13:50:31 GMT

The thing is that your returns statements might contains the type and the text if they aren't in a function like so:

return { type: 'text', text: //yourContent }

Otherwise, Arcade won't be able to process your text

Re: Arcade text not working in a pop-up

SimonCrutchley — Fri, 02 Feb 2024 13:56:51 GMT

Hi there, as I said I'm new to Arcade, and I'm afraid I don't understand what you're saying. How would that fit into the arcade I've already got?

Sorry

Re: Arcade text not working in a pop-up

N0MAD — Fri, 02 Feb 2024 14:21:28 GMT

I can't open your files, can you past you code directly in this conversation please ?

Re: Arcade text not working in a pop-up

SimonCrutchley — Fri, 02 Feb 2024 14:25:22 GMT

I'm afraid that I've only been able to use the code that John sent above.

Re: Arcade text not working in a pop-up

N0MAD — Fri, 02 Feb 2024 14:44:12 GMT

I strongly encourage you to read the doc if you didn't already did: ArcGIS Arcade

When you have a text that you want to display, you'll need to return with the right type

For instance, for your code above:

// Here, you create a variable called text // You asign him a DefaultValue which mean //take the value it not empty, else take the second argument //cf: https://developers.arcgis.com/arcade/function-reference/logical_functions/#example-1 var yourText = DefaultValue($feature.ADS_Link_to_Recording_Report, 'No data') // If you want, you can replace 'No data' by what ever you want to be displayed if no content //Then, you need to display the content, so use the return statement //Define the type as 'text' like so //And then, set the content of this text //with the 'text' key to the content that you want to display return { 'type': 'text', 'text': yourText }

This code should work

Do you know where you need to past it ?

Re: Arcade text not working in a pop-up

SimonCrutchley — Fri, 02 Feb 2024 14:52:44 GMT

Thanks for that. I have tried reading that doc before, but must admit that I quickly got lost, and so in answer to your question, no, I don't know where to paste that in relation to what I've already got.

Sorry and thanks for your understanding and help.

Re: Arcade text not working in a pop-up

N0MAD — Fri, 02 Feb 2024 15:03:14 GMT

On MapViewer (not the classic one) you should have this button on right:

Click on it to see the context menu drawer
Then, at the bottom, you'll have "+ Add content" button
When you click on it, a new popup should appear, click on "Arcade"
Now a code editor should appear, put your code in it, you can try to click on "Run" to see if your code work properly

Then, click on "Finish" at the bottom right
Now you should see your text appear on the context menu each time you click on a new point

Re: Arcade text not working in a pop-up

SimonCrutchley — Fri, 02 Feb 2024 15:09:35 GMT

I've been using the pop-up as you'll see from the screen shot, I've managed to get the url to appear, but I'm not getting anywhere with the text. I've put the text I want in the normal 'Text' box, but then I get text no matter what.

Re: Arcade text not working in a pop-up

N0MAD — Fri, 02 Feb 2024 15:27:40 GMT

If you want to put "fancy links" you might have to learn a bit of html and know the supported tags
Here a quick example

/* Here, i use a IIF (so if the first argument is true, pick the second argument, else pick the third) cf: https://developers.arcgis.com/arcade/function-reference/logical_functions/#iifcondition-truevalue-falsevalue---any Here, in the second argument, i put a hyperlink in html By using the '`' character, i can insert variables into the string cf: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals So, if there is a link, add the hyperlink in html, else just write 'No link' */ var yourLink = IIF( $feature.ADS_Link_to_Recording_Report == '', `<a href="${$feature.ADS_Link_to_Recording_Report}>Link to the report</a>"`, 'No link' ) return { 'type': 'text', 'text': yourLink }

This should work
(Don't forget to give a 'Kudo' with the button at the bottom of my message if it helped)

Re: Arcade text not working in a pop-up

SimonCrutchley — Fri, 02 Feb 2024 15:50:33 GMT

Hi there, that's very helpful in terms of explanation, thanks.

Unfortunately, it gives a null return, even when there is a url (see attached)

The upper part of text with the url comes from John's original code, the lower 'No link' from yours. I'm assuming == ' ' looks for anything not null, but this doesn't seem to have worked.

Sorry

Re: Arcade text not working in a pop-up

KenBuja — Fri, 02 Feb 2024 16:50:08 GMT

That code should be changed slightly (changing "==" to "!="

var yourLink = IIF( $feature.ADS_Link_to_Recording_Report != '', `<a href="${$feature.ADS_Link_to_Recording_Report}>Link to the report</a>"`, 'No link' )

Re: Arcade text not working in a pop-up

JohnEvans6 — Fri, 02 Feb 2024 16:56:49 GMT

You need something that will post a link below your content if it exists, or else post nothing? Maybe something like:

// URL Field var nav_url = $feature.ADS_Link_to_Recording_Report // True/False to determine if field is empty var record_link_exists = IsEmpty(nav_url) // Holds results var my_text = '' // If Link is empty, Do not post a link, else Post the text with the link If (record_link_exists) { my_text = `My content without a link goes here` } else { my_text = `At the end of this content is a link since it exists.My Link: <a href=${nav_url}>Click Here To View the Recording Report</a>` } // Show Data return { type : 'text', text : my_text }

Re: Arcade text not working in a pop-up

SimonCrutchley — Fri, 02 Feb 2024 17:33:56 GMT

Thank you everyone for your help with this. I've done some fiddling based on your suggestions, and a bit more studying of the various docs and created this:

// URL Field

var nav_url = $feature.ADS_Link_to_Recording_Report

// True/False to determine if field is empty

var record_link_exists = IsEmpty(nav_url)

// Holds results

var my_text = ''

// If Link is empty, Do not post a link, else Post the text with the link

If (record_link_exists) {

my_text = `There is no report for this feature`

} else {

my_text = `Read the Archaeology Data Service report for <a href=${nav_url}> ({Site_Name_and_Address})</a> Report`

}

// Show Data

return {

type : 'text',

text : my_text

}

This now does exactly what I want. 😊

Thanks