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

Can I embed an image within a note in Survey123?

KatieGodding

I'm working in Survey123. I'm using a Note type to include some text. Within that text I would like to embed a small image. Is there a way to do this? When I reference an image I have in the survey's media folder, it just adds it to the very end of the note. I'd like to have it incorporated within the text. Is this possible?

Encontre mais publicações marcadas com

Accepted answers

JamesTedrick

As Ismael mentions, an emoji may be easier to place in this case. I would suggest adding the attribute:

style="display:inline"

to the img tag to try to address the block layout.

All comments

JamesTedrick

Hi Katie,

One way to embed an image within a note would be to use the <img> HTML tag inside the note; this would work while online.

IsmaelChivite

You can also add emojis.

KatieGodding

Is there a way to make the image remain in the same line? Once added, the image is placed on its own separate line in the text. See the screen shot below:

KatieGodding

this is the embed link I'm using:

JamesTedrick

As Ismael mentions, an emoji may be easier to place in this case. I would suggest adding the attribute:

style="display:inline"

to the img tag to try to address the block layout.

dougbrowning

Can you give more detail on how to do this? HTML syntax? In a note? It needs to work offline in the app.

thanks

dougbrowning

Found a better page that shows how. HTML Emoji Reference

Basically you can just add codes in line and it works. No font tag or anything needed. Works in labels also. Pretty cool

here is a sample - just remove each space (if I don't you cant see it)

& # 9989 ;

Combine with an if and it simulates instant data checks. Add a if("" blank check and they wont show up until filled out.

Label for Grid1 note is

Grid 1 ${Grid1Check}

Calc for Grid1Check is (note first check is to make sure it is not empty)

if(${PoolTailFinesGrid16to512mm},if(${PoolTailFinesGrid1LessThan6mm} < ${PoolTailFinesGrid1LessThan2mm} or ${PoolTailFinesGrid16to512mm} < 0, "⛔", "✅"),"")

Hope that helps - it was a big win for us since users would move on to the next grid and not know there was an error until the end of the form. Which meant setting up the grid all over again. Now they see it instantly.

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.