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 text not working in a pop-up

SimonCrutchley

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

Gas_Infrastructure_points_sample.zip

Finde mehr Beiträge mit dem Tag

Mapping

Arcade

Accepted answers

JohnEvans6

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 = `<p>My content without a link goes here</p>`
} else {
  my_text = `<p>At the end of this content is a link since it exists.</p><p>My Link: <a href=${nav_url}>Click Here To View the Recording Report</a>`
}

// Show Data
return { 
	type : 'text', 
	text : my_text
}

All comments

SimonCrutchley

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

JohnEvans6

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 = `<p>My content without a link goes here</p>`
} else {
  my_text = `<p>At the end of this content is a link since it exists.</p><p>My Link: <a href=${nav_url}>Click Here To View the Recording Report</a>`
}

// Show Data
return { 
	type : 'text', 
	text : my_text
}

N0MAD

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)

SimonCrutchley

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.

N0MAD

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

SimonCrutchley

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.

N0MAD

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 ?

SimonCrutchley

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

N0MAD

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

SimonCrutchley

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

N0MAD

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

SimonCrutchley

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

JohnEvans6

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.

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.