Integration of projects in iframe

MaximeDemers — Mon, 07 Nov 2022 16:06:46 GMT

Hi,

I would like to know if the integration of urban projects in iframe is still supported as the option desappeared from the sharing tab recently.

Also, is there a documentation about the query strings. I know the ui=embed-min can load urban in a compact way. Is there other options? For instance I am looking for a way to load urban in an iframe with the right panel collapsed but with all the analysis tools available like in the image below.

Thanks!

Maxime Demers

Re: Integration of projects in iframe

Till_Schmid — Tue, 08 Nov 2022 13:59:19 GMT

Hi @MaximeDemers

Yes, embedding projects and plans in iframe is supported.

While embedding design projects is working normally, there currently seems to be an issue when embedding projects stored in the urban database. We need to look into this. Thanks a lot for bringing this to our attention! The good news is, that there exists a workaround. For additional instructions how to embed a project please see below.

Let me know in case there are questions.

Thanks,

Till

Embed a design project (working normal)

To embed a design project (a project that is not stored in the urban database) proceed as described in our documentation. Note that the embed section only shows up as soon as you share your project with Everyone (public).

Embed a project stored in the urban database (temporary workaround)

For a project stored in the urban database, the embed section is currently not shown in the project settings. This is an issue we have to fix on our end. Until then, you can follow this workaround to embed your project:

Share your urban model with the public (viewing). See our documentation to learn more about how to configure the viewing settings of your urban model.
Open the project you would like to embed.
Zoom to the initial view you would like your embedded project to be shown.
Copy the URL of the project from your browsers address bar.
Paste the URL you just copied in any text editor of your choice. Depending on your preferences, add one of the following tags at the end of the URL (see information below):
1. Minimal search UI (&ui=embed-min): URL &ui=embed-min
2. Normal UI (&ui=embed): URL &ui=embed
  Example: https://urban.arcgis.com/projects/.../?id=12345&ui=embed
Create your final iframe code: In the code snippet below, replace URL with the URL link you created in step 5.

Example of a final iframe code:

Different UI settings (embed vs. embed-min)
Since the October 2022 release, the right side panel is by default collapsed, independent if you choose embed or embed-min.

Embed: Shows all UI elements, including the analysis tools:
Embed-min: Hides the analysis tools:

Re: Integration of projects in iframe

Till_Schmid — Thu, 17 Nov 2022 07:59:11 GMT

Hi @MaximeDemers

I wanted to quickly let you know that the issue with projects stored in the urban database is now resolved. The embed section is now also showing for these projects. The workaround described in my last comment is not needed anymore.

Thank you again for bringing this to our attention!

Till

topic Re: Integration of projects in iframe in ArcGIS Urban Questions

Integration of projects in iframe

Re: Integration of projects in iframe

Re: Integration of projects in iframe