Can I embed an image within a note in Survey123?

4050
9
Jump to solution
10-22-2019 07:20 AM
KatieGodding
New Contributor III

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?

1 Solution

Accepted Solutions
JamesTedrick
Esri Esteemed Contributor

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.

View solution in original post

9 Replies
JamesTedrick
Esri Esteemed Contributor

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.

KatieGodding
New Contributor III

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: 

0 Kudos
KatieGodding
New Contributor III

this is the embed link I'm using:

<img alt="Info" src="https://embed.widencdn.net/img/widnr/rwp68d5aup/exact/Info.jpeg?position=c&crop=no&color=cccccc&u=mcmrct">

0 Kudos
JamesTedrick
Esri Esteemed Contributor

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.

KatieGodding
New Contributor III

All your help worked just how I needed it to. Thank you!!

0 Kudos
Goodman_Corporation2020
New Contributor

Hi. I have tried this action in the lable field of the XLSform with no luck.

My field looks like this:

"Using the drawing <img src="poly.JPG" alt="text" /> and navigation tools located in the map frame..."

Where I want to put a polygon image inline that I clipped from the map frame and saved as a .jpg in media.

Result is just a spacing. :

Any ideas or help much appreciated!

0 Kudos
IsmaelChivite
Esri Notable Contributor

You can also add emojis

DougBrowning
MVP Esteemed Contributor

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

thanks

0 Kudos
DougBrowning
MVP Esteemed Contributor

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, "&#9940;", "&#9989;"),"")

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.

0 Kudos