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

How to use HTML in an attribute field

JasonBennett

I have a KML that has points. These points have a popup that use HTML to display tables and images. When I convert the KML to a layer in ArcGIS Pro, the popup parses the HTML and CSS and displays as expected.

I've uploaded this layer to AGOL, and attempted to set the popup display to 'A custom attribute display' and simply put in the attribute tag.

However, it displays the HTML as text in the popup.

How can I get AGOL to display the HTML properly?

Encontre mais publicações marcadas com

Accepted answers

JasonBennett

As it turns out, Arc is trying to display the HTML. However, it doesn't like the stuff in the <head> such as styles and scripts. If I remove the beginning of the HTML, everything is displayed, but some formatting is lost due to removing the styles (and the scripts were unnecessary in this context anyway).

Right now it is working well enough and the popup is set as a list of field attributes...

All comments

LayerItOn

Hello,

Would you be able to share your code that made the iframe work?

Thank you!

JasonBennett

Right now it is working well enough and the popup is set as a list of field attributes...

Anonymous User

It'll be interesting to know the solution. I've used custom attribute expressions in the pop-up which have worked well - but I don't know the answer to your problem.

Thanks for my first kudos - even though I didn't give you the right solution!

JasonBennett

Thanks for the reply!

Yes. I've done it both ways. However, I'm not actually putting any HTML in myself. This HTML exists in the 'PopupInfo' attribute field.

Anonymous User

Are you putting the html in the right window? Have you clicked the button in the top right with the arrows on to get to the html window?

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.