ichivite-esristaff

Surveys with style

Blog Post created by ichivite-esristaff Employee on Aug 23, 2015

Here are 6 quick tips to make your surveys look better using Survey123 Connect for ArcGIS: Thumbnails, Titles, Images, Styles, Label HTML Formatting and Emojis.

1) USING A THUMBNAIL

The thumbnail is important to visually differentiate your surveys in the Survey123 mobile app gallery.  This is particularly important if field crews download more than one survey.

 

How you do this?

 

1- Preview your own survey in Survey123 Connect
2- Switch to the Settings Tab and tap on the Thubmnail image. This will open a browse dialog so you can select a png image. For best results use images 200x133 pixels in size. Remember. for the thumbnail you can only use png files.

 

The thumbnail image is stored in the Survey directory and always has the same name as your Survey. If you go back to the Gallery and your Survey is not displaying the image you selected, close Connect and open it again.

 

2) SETTING A SURVEY TITLE

The survey title shows once it is open. In the next image for example, you can tell that in the Gallery we have a survey named 'Health Facilities Survey'... but when the actual survey is opened, the title reads 'Liberia Health Facility Survey'... Names and Titles are two separate things.

 

caption2

This is done in your excel file. Simply go to the Settings Worksheet and change the form_title cell

caption3

3) USING IMAGES IN YOUR SURVEY

It is not just a matter of making your surveys look good, which is important... images in your Survey can help people make the right calls when filling out information.

For example, say you are creating a Wolf Reporting survey. Well... you will want to make sure people can tell the difference between a wolf and a coyote. You may think you know the difference, but lots of people don't.

Here is an example of Survey123 Connect previewing a Survey where an image will help people make the right call.

 

Wolf

Here is how it was done:

1- Preview your own survey in Survey123 Connect
2- In the toolbar on the side, select the yellow folder button as highlighted in the next image.

3- Now add your images into the media files directory

media

4- Look for the 'media::image' column and reference images placed in the media folder by name.  Be aware that iOS devices are case sensitive!

coyote

By now you will notice that you can also add audio files to your Survey too. Simply use the media::audio column. You can associate images and audio with questions, groups and notes in the survey worksheet. You can also associate them with choices in the choices worksheet with results as in the next screenshot.

bird

4) USING STYLES

Styles help you control the colors of basic elements in your Survey. The Style tab can be found under Settings.

 

Untitled

Have fun with this...

 

Untitled

5) LABEL HTML FORMATTING

 

I saved the best for last! You can use HTML formatting to highlight words in your questions, display warning notes as red and much more. Here is one example where we use a note to hint that values in questions above are not adding to 100. Note that we use HTML formatting to display the warning in red.  We also bold some words in the questions.

 

HTMLFormatting

Here is a list of common HTML tags supported in Survey123:

 

 

<a href="http://www.esri.com">Link to esri web site</a>

<a href="tel:9093624397">Call Esri</a>

 

<font color="red">Text in red</font>

<b>This text is bold</b>

<i>This text is in italics</i>

<H1>Header 1</H>

<H2>Header 2</H>

Add a line break<p>into a label

<center>This text is centered</center>

<blockquote>Blockquote (indented)</blockquote>

<u>underlined</u>

<tt>typewrite</tt> font

<s>strikethrough</s> font

<ul><li>Unordered list,</li><li>with two items</li></ul>

<ol><li>Ordered list,</li><li>with two numbered items</li></ol>

 

6) Emojis

 

I bet you did not know this one. You can use emojis in your forms. In the example below, I took weather emojis from EmojiMedia and pasted them into the Labels of choices in a select_one question.

 

Outcomes