Select to view content in your preferred language

Use iframe to show webpage image in popup

12647
23
Jump to solution
12-22-2017 11:58 AM
BrandonPrice
Frequent Contributor

Is it possible to use <iframe src="www.google.com"></iframe> to show webpage images in an arcgis online popup?

Brandon

https://community.esri.com/community/gis/web-gis/web-appbuilder?sr=search&searchId=506a9f1c-8a7b-40c...

0 Kudos
23 Replies
BrandonPrice
Frequent Contributor

Hi Robert,

This is what I have:

<div style="position:absolute; left:11.5px; top:242px; z-Index:999;">
<div data-dojo-type="dijit/TitlePane"
data-dojo-props="title:' ', open:false">
<div data-dojo-type="dijit/layout/ContentPane" style="width:380px; height:280px; overflow:auto;">
<iframe width="600" height="490" src="https://egis3.lacounty.gov/dataportal/2013/11/07/los-angeles-county-sanitary-sewers)" style="margin-left: -268px; margin-top: -326px;"></iframe>
</div>
</div>
</div>

I would like to replace the sprite arrows in the title pane with this:

<i class="fa fa-download" aria-hidden="true"></i>

Is this easy to do?


Brandon

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Brandon,

   What you need to focus on is this. is your app using the https://egis3.lacounty.gov/ url? if so then you can have an iFrame that uses https://egis3.lacounty.gov/

We seem to have left the original question about using an iFrame in a popup and now are talking about a contentPane but that does not change any of the X-Frame-Options issues.

0 Kudos
BrandonPrice
Frequent Contributor

Hi Robert,

I was able to get this to show: 

All with html:

<div id="stormwaterdownload">
<div style="position:absolute; left:10px; top:242px; z-Index:999;">
<div data-dojo-type="dijit/TitlePane"
data-dojo-props='open:false'>
<div data-dojo-type="dijit/layout/ContentPane" style="width:640px; height:284px; overflow:auto; font-size: 11px;">
<iframe width="870" height="500" frameBorder="0" scrolling="no" src="https://egis3.lacounty.gov/dataportal/2013/08/08/los-angeles-county-storm-drain-system)" style="margin-left: -270px; margin-top: -310px;"></iframe>
<p>______________________________________________________________________________________________________________________________<p>                                                                                                                                                                                                      <p>Click <b>"File geodatabase"</b> to download all LA County DPW Storm Drain layers (feature classes) in a zipped folder</p>
<p>Visit the LA County GIS Data Portal Storm Drainage Page for more information at:</p> <p></p><a target="_blank" href="https://egis3.lacounty.gov/dataportal/2013/08/08/los-angeles-county-storm-drain-system/" style="color: blue">https://egis3.lacounty.gov/dataportal/2013/08/08/los-angeles-county-storm-drain-system/</a></p>
</div>
</div>

Brandon

0 Kudos
BrandonPrice
Frequent Contributor

(Better image)

0 Kudos