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 do you embed a Survey123 form without adding URL parameters?

Anneka_France

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?

Find more posts tagged with

Accepted answers

Anneka_France

Thanks, that worked!

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

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

All comments

oevans_storymaps

@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:

<iframe src="https://survey123.arcgis.com/share/29f0a949ae44473589b5945677987bdd?lang=fr"></iframe>

Screen Shot 2021-06-14 at 8.52.37 AM.jpg

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:

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

Anneka_France

Thanks, that worked!

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

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

JenMcRuer

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!

Anneka_France

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>

JenMcRuer

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!

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.