Select to view content in your preferred language

Embed Web Editor app in Experience Builder

124
5
Jump to solution
yesterday
JanetSilb_Spike
Frequent Contributor

Has anyone tried to embed the Web Editor instant app in Experience Builder?  I created a simple Web Editor app with the Instant App template (beta) to test some new functionality in my Web Experience. But when I embed the app with the Embed widget, either with URL or embed code, it displays the message shown in the image below, that ArcGIS Web Editor is not available at this browser size (regardless that I am using a laptop / desktop).  

Janet Silbernagel, PhD, ASLA, SITES AP, WBE
Silvernail Studio for Geodesign, LLC
https://www.linkedin.com/in/jsilb/
0 Kudos
1 Solution

Accepted Solutions
JanetSilb_Spike
Frequent Contributor

@JeffreyThompson2  removing the width & height properties from the embed code solved the issue!

Janet Silbernagel, PhD, ASLA, SITES AP, WBE
Silvernail Studio for Geodesign, LLC
https://www.linkedin.com/in/jsilb/

View solution in original post

0 Kudos
5 Replies
JeffreyThompson2
MVP Frequent Contributor

Because you are using an Embed Widget, the Instant App is basing its size on the the size of the Embed Widget. Can you try making the Embed Widget larger?

Why are you using the Web Editor Instant App and not the built-in Editor Widget? Is there something specific the Instant App can do that the Editor Widget can't?

GIS Developer
City of Arlington, Texas
0 Kudos
JanetSilb_Spike
Frequent Contributor

Thanks for the quick reply @JeffreyThompson2 

I have the Embed widget set to fill the page.  Maybe it has something to do with the parameters in the embed code from Instant Apps:

<iframe src="https://silvernail.maps.arcgis.com/apps/instant/webeditor/index.html?appid=7ccb9ef802a147f1a8108aa5e..." width="800" height="1200
00" frameborder="0" style="border:0" allowfullscreen>iFrames are not supported on this page.</iframe>

That's a fair question about why I want to use Web Editor instead of the Editor widget. I've configured a more complex editing page within this Web Experience with the Editor widget and wanted to open with a more simplified, user-friendly web editor page for users to define project areas. But you are right, it might be better to do that with the built-in Editor widget. 

Janet Silbernagel, PhD, ASLA, SITES AP, WBE
Silvernail Studio for Geodesign, LLC
https://www.linkedin.com/in/jsilb/
0 Kudos
JeffreyThompson2
MVP Frequent Contributor
  1. The iframe says "iFrames not supported on this page." Many pages actively block connections by iframes. The Embed Widget works using iframes, so embedding this Instant App may be impossible.
  2. The width and height properties limit the size of the iframe. You could try deleting them out of the embed code.
  3. Try directly using the URL of the Instant App in the Embed Widget, rather than the generated embed code.
GIS Developer
City of Arlington, Texas
0 Kudos
JanetSilb_Spike
Frequent Contributor

Will do, thanks again!

Janet Silbernagel, PhD, ASLA, SITES AP, WBE
Silvernail Studio for Geodesign, LLC
https://www.linkedin.com/in/jsilb/
0 Kudos
JanetSilb_Spike
Frequent Contributor

@JeffreyThompson2  removing the width & height properties from the embed code solved the issue!

Janet Silbernagel, PhD, ASLA, SITES AP, WBE
Silvernail Studio for Geodesign, LLC
https://www.linkedin.com/in/jsilb/
0 Kudos