topic Re: How do you embed a Survey123 form without adding URL parameters? in ArcGIS StoryMaps Questions

How do you embed a Survey123 form without adding URL parameters?

Anneka_France — Mon, 14 Jun 2021 09:31:30 GMT

When I embed a Survey123 form in a StoryMap it automatically changes the URL parameters of the link. Regardless of whether I want the link to appear as a card or an iFrame.

For example, the URL I pasted into the embed widget was:

https://survey123.arcgis.com/share/29f0a949ae44473589b5945677987bdd?lang=fr

This is automatically changed to:

https://survey123.arcgis.com/share/?open=web&embed=fullScreen&lang=fr&id=29f0a949ae44473589b5945677987bdd&hide=navbar,footer,theme

Which adds URL parameters to change the format of the survey form to full screen mode, remove the theme colours and hide the navbar, header and footer.

There's no option to edit the code and remove these URL parameters. How can I stop this from happening?

Re: How do you embed a Survey123 form without adding URL parameters?

OwenGeo — Mon, 14 Jun 2021 12:53:51 GMT

@Anneka_France -- The builder modifies the URL to try to optimize the appearance of the survey in a story, but sometimes you may want to do something different.

If you use <iframe> code for your embed you'll have more control over the URL params. So instead of pasting in the URL to the Add web content box, use iframe code, like this:

The one wrinkle is that if there is no hide param, one will still get added to hide the three things that are normally hidden (navbar, footer, theme). So if you don't want to hide anything, just add hide with no attributes, like this:

Re: How do you embed a Survey123 form without adding URL parameters?

Anneka_France — Mon, 14 Jun 2021 13:08:10 GMT

Thanks, that worked!

I also had to add an embed parameter with no attributes, to stop it opening in full screen.

Re: How do you embed a Survey123 form without adding URL parameters?

JenMcRuer — Sun, 20 Jun 2021 19:51:05 GMT

Hi @Anneka_France and @OwenGeo

I am also navigating the same challenge. The iframe code worked to provide more control over the dimensions, however, the theme colours, header/footer etc are not displaying, as you mentioned. I've tried your solution - add hide with no attributes - but to no avail... ?

Any other suggestions on what I may be doing wrong?

Thanks!

Re: How do you embed a Survey123 form without adding URL parameters?

Anneka_France — Mon, 21 Jun 2021 12:16:23 GMT

Hi @JenMcRuer

Could you send the URL you are using? You can remove/hide the item ID if you don't want to share.

As a first troubleshooting step, make sure that you've put a ? after the item ID and & between each URL parameter.

For example

<iframe src="https://survey123.arcgis.com/share/29f0a949ae44473589b5945677987bdd?hide&embed"></iframe>

Re: How do you embed a Survey123 form without adding URL parameters?

JenMcRuer — Mon, 21 Jun 2021 15:42:29 GMT

Hi @Anneka_France

I have tried:

AND have used this from the "embed code" provided on survey123:

Neither works to include theme, header, footer, navigation....

Thanks for your help!

Re: How do you embed a Survey123 form without adding URL parameters?

OwenGeo — Sat, 26 Jun 2021 12:04:44 GMT

@JenMcRuer -- Looks like you need to use the full survey123.arcgis.com URL rather than the short URL. I was able to get things to work as you are expecting using the code below.