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; } } }

embed web app

SylvainKerdreux2

Hello,

I just getting started on web app builder and I have a question about embed application.

Is it possible to manage/control web app from parent element when It's embed into another page.

For example I have a page "test.html" which contains an Iframe. I would like to zoom to an extent or Add Data using button outside iframe.

I know I can use Url parameters to zoom in/out but is it possible to enhance Url parameters to manage new parameters (for exemple to add data or to communicate with a widget without reloading the page) ?

Maybe is there another way instead of an Iframe ?

If I'll modify "index.html" of my webapp to add buttons can I access to the map object ?

Best regards,

Sylvain.

Finde mehr Beiträge mit dem Tag

Accepted answers

RobertScheitlin__GISP

Sylvain,

Yes you definitely can extend the Url Parameters in the app. The ConfigManager.js would be a great place for that. Also if the Url parameter has more to do with the map then there is the MapUrlParamsHandler.js file too.

It would be equally possible to make all your changes in the index.html. WAB global variables will be available there, like window._viewerMap which will be the apps map object.

All comments

VincenzoLisi

Hello Robert,

we need to write some custom functions in a .js file (using dojo library)

inside a downloaded web application embedded in an iframe.

How can we access to this function from a different iframe?

Thanks, Martina.

SimonFonji

I made the correction on the config.json file by replacing http with https on the proxyUrl e.g. "proxyUrl": "https://Your domain name//DotNet/proxy.ashx"

I hope it helps.

Anonymous User

Simon, how did you resolve the mixed content issue?

SimonFonji

I was able to embed web app builder app created from the developer's edition into a web site. I initially had issues with the app not being able to load due to mixed http content since I was using a proxy to login to ArcGIS Online. Once I was able to correct the mixed http content issue, it worked as expected.

SimonFonji

Hello,

Is it possible to embed web appbuilder for developer's edition in a web site? I have seen documentation on how to embed web app builder hosted on ArcGIS Online but noting about the developer's edition.

Thanks,

Simon.

RobertScheitlin__GISP

I have been programming in WAB since it was released in beta. I spend time looking in the code and understanding how it works.

SylvainKerdreux2

thank you very much it's working !

One final question : where did you find the answer ?

I read Web app builder documentation and I did not find any document about global variables

RobertScheitlin__GISP

Sylvain,

It would be equally possible to make all your changes in the index.html. WAB global variables will be available there, like window._viewerMap which will be the apps map object.

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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