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

Question about the Info element in Field Maps Designer

SarahLinn1

What is the purpose of the highlighted code symbol in the properties of the Info element in Field Maps Designer? I was hoping to be able to use HTML in the info element, but found out that that isn't supported so I am wondering what is supported via this symbol, <>

Find more posts tagged with

Accepted answers

All comments

peterverwey_ses

Can you share how you did this please? And does it still work with the current versions - iOS and Android?

ahargreaves_FW

As a follow up the below works for adding attribute values. But formattting seems limited to just size and alignment:

<div style="font-weight:bold;font-size: 30px;text-align:center;">{ATTRIBUTE FIELD NAME}</div>

ahargreaves_FW

Is there a way to add images? the below does nothing:

<p style="text-align:center;">
<img src="https://myhostingserver/images/logo.png"> 
</p>

Marisa_Kordecki

@ChristopherPasch Were you ever able to get this to work with android devices?

ChristopherPasch

I find it interesting that it says HTML is not supported. However a few weeks ago I did a little CSS in the info element to display some reference images from our field manual so field crew doesn't need to toggle between apps as much. It worked fine on our iPads but not on my android device.

JustinReynolds

No, I don't think you are missing anything. I don't see much value there either, besides having another font type. I think they released these info elements kind of bare bones. I suspect additional options will be supported in the future.

SarahLinn1

Thanks @JustinReynolds . I guess I am not understanding the value of it though. Am I missing something?

JustinReynolds

It will just format the text you type as a code block. Code blocks are still just text though... nothing is executed.

https://www.codecademy.com/resources/docs/markdown/code-blocks

In Designer

In Field Maps

In the Layer Definition

The JSONified version as saved in the layer definition's Form Elements:

You will notice that each code block in the JSON string is wrapped with backticks instead of single quotes.

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.