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

Return HTML with Arcade in Pop-Up

usace_sam_rd3

I have an arcade attribute expression that generates html. I think I'm returning everything in the appropriate format, but my html is not getting interpreted. What did I miss?

popup.png

arcade.png

arcadereturn.png

Encontre mais publicações marcadas com

Arcade

Accepted answers

kenbuja

Instead of using single quotes, use the back ticks. This is the template literal which allows you to use the "${}" placeholders.

return {
  type : "text",
  text : `<p>${fact_report}<br><a href="${fact_url}">Click to learn more</a></p>`
}

All comments

kenbuja

Instead of using single quotes, use the back ticks. This is the template literal which allows you to use the "${}" placeholders.

return {
  type : "text",
  text : `<p>${fact_report}<br><a href="${fact_url}">Click to learn more</a></p>`
}

usace_sam_rd3

Ahhh! I didn't even see that as an option! However, I can't seem to get the variables returned.

fact_report & fact_url are variables upstream. Is something missing in the return syntax?

return {

type : "text",

text : '<p>${fact_report}<br><a href="${fact_url}">Click to learn more</a></p>'

}

kenbuja

Instead of using that script in your Text element, you'll have to use an Arcade element to properly render that clickable link. You'll have everything above that in your Text element, the Arcade element for the link, then another Text element for the "Record last processed" information.

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

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