Select to view content in your preferred language

Best way to include high resolution images in a survey for annotation

504
3
Jump to solution
10-02-2023 08:57 AM
CyndyJBresloff
New Contributor II

Hello, GIS comrades,

I need to build a fairly simple Survey123 application for my coworkers, but I'm not clear on the best way to accomplish what I want to do.   In my survey form, I need to include a few fairly high resolution images preferably saved within the app itself.  I can scale the images back to be about a MB or a bit less.   I don't want them as 'background'; I want them as the leading feature on a few Survey123 pages, each of which has inspection related questions about the features in each image.  I also need users to be able to annotate the images for each survey entry as annotated.  Can I / How would I best configure this?  I can work out how to do this with images that are loaded from the device each time, but that's not terribly desirable.   If I embed the image, it seems I cannot annotate it.  (Unless I'm missing a detail somewhere?)  I have been using predominately 123 Connect, a solution in Designer or Connect is fine by me.  Advice?  

0 Kudos
1 Solution

Accepted Solutions
abureaux
MVP Regular Contributor

If you set the default column to an image in the media folder, when you click annotate in the survey, you will be able to annotate that image. Furthermore, if you set media::image to that same image, it will display the unaltered version of that image:

abureaux_1-1696262983169.png

abureaux_2-1696263003598.png

abureaux_3-1696263021850.png

abureaux_4-1696263030514.png

 

View solution in original post

0 Kudos
3 Replies
abureaux
MVP Regular Contributor

If you set the default column to an image in the media folder, when you click annotate in the survey, you will be able to annotate that image. Furthermore, if you set media::image to that same image, it will display the unaltered version of that image:

abureaux_1-1696262983169.png

abureaux_2-1696263003598.png

abureaux_3-1696263021850.png

abureaux_4-1696263030514.png

 

0 Kudos
abureaux
MVP Regular Contributor

Another couple useful things you can set for annotation:

abureaux_6-1696263466180.png

palette=Style, you can use custom pallets now, which can make some jobs much easier.

method=camera,browse,map, you can set the image's sources. Probably not something you need to set here. Fun fact though--if you specify a default image, it adds that to the list for you automatically:

abureaux_7-1696263601749.png

previewHeight=0, shows your image at maximum resolution for the screen:

abureaux_8-1696263661512.png

vs the default size:

abureaux_9-1696263681593.png

 

 

0 Kudos
CyndyJBresloff
New Contributor II

Thank you!  Thank you for the speedy solution.  I thought this had to be do-able.  I tried it out, and it's just what I needed.  

0 Kudos