resize embedding window

3403
15
Jump to solution
09-19-2020 07:05 AM
LMBaptista
Occasional Contributor

Hello everybody,

When I add an app to a storymap, like a survey123, it is placed inside an embedded window.

There are any way ro resize this window so I can have my survey completely visible instead of that need to scroll inside the window?

Thanks in advance

0 Kudos
1 Solution

Accepted Solutions
OwenGeo
Esri Notable Contributor

Luís Manuel Baptista‌ -- You can adjust the height of an embed window by using iframe code. See the iFrame vs. Link section of this blog for more detail: Enrich your story maps with embedded web content 

Owen Evans
Lead Product Engineer | StoryMaps

View solution in original post

15 Replies
LMBaptista
Occasional Contributor

No answer? Not even to say that it's not possible? 😞

0 Kudos
HamedFarzin
Esri Contributor

Hi Luís Manuel Baptista

Maybe this one will help:  Learn to Embed a Story Map within a Story Map  

Let me know how you go.

Kind Regards,

Hamed 

0 Kudos
LMBaptista
Occasional Contributor

Thank you, Hamed, but no.

That link is related to the classic storymaps where you had a space to define the embed configuration. Here I could define the size as I like.

In the new storymaps I don't have a place to do that. They even change the embedded code to "optimize" it (which makes me lose the theme definitions)

0 Kudos
OwenGeo
Esri Notable Contributor

Luís Manuel Baptista‌ -- You can adjust the height of an embed window by using iframe code. See the iFrame vs. Link section of this blog for more detail: Enrich your story maps with embedded web content 

Owen Evans
Lead Product Engineer | StoryMaps
NancyLRoss
New Contributor III

When I add iframe codes instead of just the URL (in NEW Story Maps) I get an "this content is not supported" error message. Our County is portait, not landscape, so I need to resize the embed! Thanks for any help.

 

0 Kudos
NancyLRoss
New Contributor III

<iframe scr=”https://meckgov.maps.arcgis.com/apps/instant/minimalist/index.html?appid=189cb6c2f23f40be9fa774a2a35... width=”640” height=”640”></iframe>

I also tried: 

<iframe scr=”https://meckgov.maps.arcgis.com/apps/instant/minimalist/index.html?appid=189cb6c2f23f40be9fa774a2a35... width=”640” height=”640”></iframe>

Thanks!

OwenGeo
Esri Notable Contributor

@NancyLRoss the correct syntax for the "source" parameter is src (not scr).

Owen Evans
Lead Product Engineer | StoryMaps
0 Kudos
NancyLRoss
New Contributor III

Thank you - fixed it but I get this (see attached).  Both embeds are to the same AGOL webmap. Here's what I used: 

<iframe src=”https://meckgov.maps.arcgis.com/apps/instant/minimalist/index.html?appid=189cb6c2f23f40be9fa774a2a35... width=”640” height=”640”></iframe>

0 Kudos
OwenGeo
Esri Notable Contributor

@NancyLRoss -- I'm not sure I understand what the issue is that you are seeing. Could you please explain what is unexpected in your screenshot?

Owen Evans
Lead Product Engineer | StoryMaps
0 Kudos