nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to change size of form in Survey 123 Web

AdamBakiera

Hello,

We are using Survey 123 Connect to create a survey from a feature class. We're running into a minor aesthetic problem with one of our questions. We want the answer choices to be in the same row, so we went with 'horizontal-compact' for appearance. It seems like there isn't enough room on the page so one of the answer choices is forced to go into a new row below. Is there a way to change how wide the web form is in order to 'stretch' it and have that answer choice back in the same row as the others?

Find more posts tagged with

Accepted answers

All comments

JamesTedrick

Hi Adam,

At this time, you can't alter the width of the form. This is being considered as a potential enhancement in the future; if you could suggest this in ArcGIS Ideas (or add on to a similar one), that would be helpful.

TiiuKelviste

I have a similar problem, just silly that we can't change that. I added this as an idea: https://community.esri.com/ideas/17857

MJBiazar

Hi @AdamBakiera ,

In order to make the survey form appear wider in the browser to fit more choices in a row, you can append "width" as a parameter to the und of your web form URL.

Default URL: https://survey123.arcgis.com/share/f8e212b3b4162ac09b651c2fb7b4d
Edited URL: https://survey123.arcgis.com/share/f8e212b3b4162ac09b651c2fb7b4d?width=800

Best,

@TiiuKelviste

BethanyCrenshaw1

This is a great way to adjust the width of a form for use in the web app. Is there a way to adjust the width of a form in the Survey123 field app? I hope to fit as much on one screen as possible.

TylerGraham2

You might look into grids and pages for more efficient use of screen real estate in the Survey123 App. The downside is that you're only able (as far as I'm aware) to design a survey for one type of device/orientation. If you set up grids for a tablet in landscape mode and then someone with a smartphone uses the survey, they are going to have a rough time using the form in the app because it doesn't resize the elements.

There's a template in Survey123 Connect called Grids Layout that is very helpful, especially when it comes to spanning groups/repeats that are nested in other groups.

https://community.esri.com/t5/arcgis-survey123-blog/survey123-tricks-of-the-trade-groups-grids-and/ba-p/895267

TrafficOpsGIS

Cheers! Great resource.

NikkiKuriata

Hi there! I'm newer to S123 and don't know where exactly to go to add this parameter to the URL. Is it something I can do on the form item in ArcGIS Online? I've tried reading different blogs and can't figure it out!

I'd like to add the width parameter to the actual URL that people will be using to open my survey.

Any guidance is appreciated

TylerGraham2

You have to manually add the width parameter to the URL after your survey is up, but before you send the link to people. For example, if you want a 1200 pixel wide web form survey you would have your survey published, then grab the link to share the form with people, type ?width=1200 to add it to the end of the URL.

Here's an example of a public form from the Getting to Know the Transit Solutions app in the Survey123 examples site.

Link as shown in browser's address bar:

https://survey123.arcgis.com/share/7f59431f45a948a4a537b13ac2ca1b10?

To adjust the width, in the address bar I type width=1200 to the end (since the one above already has the ? at the end) and hit enter.

https://survey123.arcgis.com/share/7f59431f45a948a4a537b13ac2ca1b10?width=1200

Take the first link and play around with adding your own width setting. Try a width of 100 for giggles.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.