Survey not displaying correctly in browser on smartphone

252
2
Jump to solution
09-14-2023 07:43 AM
GregKeith
Occasional Contributor III

I created a public survey in Survey123 Connect for an organizational event, using the smartphone form factor and published to our AGOL account. I set sharing to Everyone for all the elements and the survey.

Looks great in Connect. Looks bad in a smartphone web browser. Tried Safari and Firefox. Page jumps don't work (no arrows, but a Next button works), sliders/likert scales not displaying properly, etc. I also get some error that doesn't show the whole error message when opening from a QR code. Colleague having similar issues with same type of survey. Both are set to pages in Settings, his also uses grids. Any ideas what's wrong? xlsx form attached. Thanks.

0 Kudos
1 Solution

Accepted Solutions
abureaux
Occasional Contributor III

The preview setting in Connect (see below) doesn't really do anything. That is purely there so you can get a general approximation of what a survey will look like on that sized screen. Connect displays what you will see in the S123 Field App, NOT a web browser.

abureaux_0-1694712714309.png

Web browser's have different navigation displays and other limitations - this isn't something you can change. If you are unfamiliar with these limitations, it may be easier for you to design the form in the web interface. You can go to the Surveys Site and click + New survey to design a survey in the web interface.

abureaux_1-1694712885055.png

Honestly, I never use this web interface to build a survey even if I am making a web specific form, so I can't give you any tips on actually building the form there. But I know some other users prefer this interface, especially when they are doing web-only surveys.

 

View solution in original post

0 Kudos
2 Replies
abureaux
Occasional Contributor III

The preview setting in Connect (see below) doesn't really do anything. That is purely there so you can get a general approximation of what a survey will look like on that sized screen. Connect displays what you will see in the S123 Field App, NOT a web browser.

abureaux_0-1694712714309.png

Web browser's have different navigation displays and other limitations - this isn't something you can change. If you are unfamiliar with these limitations, it may be easier for you to design the form in the web interface. You can go to the Surveys Site and click + New survey to design a survey in the web interface.

abureaux_1-1694712885055.png

Honestly, I never use this web interface to build a survey even if I am making a web specific form, so I can't give you any tips on actually building the form there. But I know some other users prefer this interface, especially when they are doing web-only surveys.

 

0 Kudos
GregKeith
Occasional Contributor III

Thanks. That's what my co-worker ended up doing with his survey. Eventually got mine to work, but had to delete a bunch of Connect functionality. Looked at the web designer, but it can't do (or I couldn't figure out) things like getting a value from a dropdown list to use in another question.

0 Kudos