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?
Solved! Go to Solution.
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.
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.
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:
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">
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 your help worked just how I needed it to. Thank you!!
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!
You can also add emojis.
Can you give more detail on how to do this? HTML syntax? In a note? It needs to work offline in the app.
thanks
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.