In the 4.3 version of the JS API, I can't format the hyperlinks within a popup to open. They open if you right click > open in new tab, but not just left clicking on the text itself. Below is the code I'm using for the template. var annexationTemplate = { title : "{ANNEX}" , content : " Ordinance: {ORD}" + " Effective Date: {DATE:DateFormat(selector: 'date', fullYear: true)}" + " Annexation Map: Annexation Map " + " Legal Description: Legal Description " } ; Anyone else come across this issue? It's new to me in 4.X. My previous apps build in 3.X have worked fine.

Nathan, Strange indeed. I have no problem with that version of chrome.

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

Hyperlinks in Popup Template JS API 4.3

NathanSommers1

In the 4.3 version of the JS API, I can't format the hyperlinks within a popup to open. They open if you right click > open in new tab, but not just left clicking on the text itself. Below is the code I'm using for the template.

<SPAN class="keyword token">var</SPAN> annexationTemplate <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp; title<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"{ANNEX}"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp; content<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"<strong>Ordinance:</strong> {ORD}"</SPAN> <SPAN class="operator token">+</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"<br /><strong>Effective Date:</strong> {DATE:DateFormat(selector: 'date', fullYear: true)}"</SPAN> <SPAN class="operator token">+</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"<br /><strong>Annexation Map: </strong><a target='_blank' href={URL_MAP}>Annexation Map</a>"</SPAN> <SPAN class="operator token">+</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="string token">"<br /><strong>Legal Description: </strong><a href={URL_DESC}>Legal Description</a>"</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>

Anyone else come across this issue? It's new to me in 4.X. My previous apps build in 3.X have worked fine.

Find more posts tagged with

Accepted answers

All comments

NathanSommers1

Ryan,

No, I haven't figured out why it isn't working on my machine. It works on just about every other one I've tried, but not mine. I'm sure it's just some advanced configuration I changed a long time ago for some reason and now I don't remember where it is to change it back.

If I figure it out, I'll let you know.

RyanCosby

Nathan,

I am having this same problem. Did you ever figure out how to resolve it?

NathanSommers1

My default is Chrome v57.0.2987.133. I've also tried Internet Explorer v11.953.14393.0 with no luck either.

rscheitlin

Nathan,

Which browser and which version?

NathanSommers1

Thanks for the reply, Robert.

I gave this to a few users to test and they didn't seem to have any issues with it. It must be how I have something configured on my computer as it doesn't work with any Internet browser.

rscheitlin

Nathan,

Strange when I add

<SPAN class="operator token"><</SPAN>a target<SPAN class="operator token">=</SPAN><SPAN class="string token">'blank'</SPAN> href<SPAN class="operator token">=</SPAN><SPAN class="string token">'{POP2010}'</SPAN><SPAN class="operator token">></SPAN>Legal Description<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>a<SPAN class="operator token">></SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

to the:

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/index.html?sample=popupTemplate-function

popuptemplate in the above sample it has a link that works fine for me.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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