<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Embed web app in web site not working in ArcGIS Web AppBuilder Questions</title>
    <link>https://community.esri.com/t5/arcgis-web-appbuilder-questions/embed-web-app-in-web-site-not-working/m-p/244231#M6591</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi, I recently created a web app and shared it with everyone. I then followed the instructions on &lt;A href="https://doc.arcgis.com/en/arcgis-online/share-maps/embed-maps-groups.htm#ESRI_SECTION1_9B629D885B1D41ECAFFA651CF2D2A849"&gt;this web page&lt;/A&gt;&amp;nbsp;to embed the web app in a google site. I can't get it to work and would appreciate some help. I will copy the code I am using based on instructions below. I have had success embedding a web map and web app in the same site using the URL method, but not the web app using the html code method. Maybe the URL method is all I need but I am still curious why this is not working for me.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;&amp;lt;style&amp;gt;.embed-container {position: relative; padding-bottom: 82%; height: 0; max-width: 100%;} .embed-container iframe, .embed-container object, .embed-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} small{position: absolute; z-index: 40; bottom: 0; margin-bottom: -15px;}&amp;lt;/style&amp;gt;&amp;lt;div class="embed-container"&amp;gt;&amp;lt;iframe width="550" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="HNFP Vegetation Mapping Products" src="&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fssp-community.maps.arcgis.com%2Fapps%2Fwebappviewer%2Findex.html%3Fid%3D915c0271460142f8b1aab36598a9c2df" rel="nofollow" target="_blank"&gt;http://ssp-community.maps.arcgis.com/apps/webappviewer/index.html?id=915c0271460142f8b1aab36598a9c2df&lt;/A&gt;&lt;SPAN&gt;"&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/div&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Any help appreciated.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;b&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Fri, 16 Mar 2018 21:20:05 GMT</pubDate>
    <dc:creator>BobChristensen</dc:creator>
    <dc:date>2018-03-16T21:20:05Z</dc:date>
    <item>
      <title>Embed web app in web site not working</title>
      <link>https://community.esri.com/t5/arcgis-web-appbuilder-questions/embed-web-app-in-web-site-not-working/m-p/244231#M6591</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi, I recently created a web app and shared it with everyone. I then followed the instructions on &lt;A href="https://doc.arcgis.com/en/arcgis-online/share-maps/embed-maps-groups.htm#ESRI_SECTION1_9B629D885B1D41ECAFFA651CF2D2A849"&gt;this web page&lt;/A&gt;&amp;nbsp;to embed the web app in a google site. I can't get it to work and would appreciate some help. I will copy the code I am using based on instructions below. I have had success embedding a web map and web app in the same site using the URL method, but not the web app using the html code method. Maybe the URL method is all I need but I am still curious why this is not working for me.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;&amp;lt;style&amp;gt;.embed-container {position: relative; padding-bottom: 82%; height: 0; max-width: 100%;} .embed-container iframe, .embed-container object, .embed-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} small{position: absolute; z-index: 40; bottom: 0; margin-bottom: -15px;}&amp;lt;/style&amp;gt;&amp;lt;div class="embed-container"&amp;gt;&amp;lt;iframe width="550" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="HNFP Vegetation Mapping Products" src="&lt;/SPAN&gt;&lt;A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fssp-community.maps.arcgis.com%2Fapps%2Fwebappviewer%2Findex.html%3Fid%3D915c0271460142f8b1aab36598a9c2df" rel="nofollow" target="_blank"&gt;http://ssp-community.maps.arcgis.com/apps/webappviewer/index.html?id=915c0271460142f8b1aab36598a9c2df&lt;/A&gt;&lt;SPAN&gt;"&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/div&amp;gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Any help appreciated.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;b&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 16 Mar 2018 21:20:05 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-web-appbuilder-questions/embed-web-app-in-web-site-not-working/m-p/244231#M6591</guid>
      <dc:creator>BobChristensen</dc:creator>
      <dc:date>2018-03-16T21:20:05Z</dc:date>
    </item>
    <item>
      <title>Re: Embed web app in web site not working</title>
      <link>https://community.esri.com/t5/arcgis-web-appbuilder-questions/embed-web-app-in-web-site-not-working/m-p/244232#M6592</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;I also have this problem. Actually I noticed that the embeding in website using both solely URL in iframe or using the generated html does not work in Google Chrome, but works in Firefox or Edge. My generated html for embeding looks like this:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;lt;style&amp;gt;.embed-container {position: relative; padding-bottom: 80%; height: 0; max-width: 100%;} .embed-container iframe, .embed-container object, .embed-container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} small{position: absolute; z-index: 40; bottom: 0; margin-bottom: -15px;}&amp;lt;/style&amp;gt;&amp;lt;div class="embed-container"&amp;gt;&amp;lt;iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" title="ZPS" src="//golemio.maps.arcgis.com/apps/Embed/index.html?webmap=2235158fce6849ab8475407cd5f631bf&amp;amp;extent=14.3977,50.0752,14.4611,50.098&amp;amp;zoom=true&amp;amp;previewImage=false&amp;amp;scale=true&amp;amp;disable_scroll=true&amp;amp;theme=light"&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/div&amp;gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Is thee something out of this Chrome does not support?&lt;/P&gt;&lt;P&gt;I am using up-to-date version (&lt;SPAN style="color: #5f6368;"&gt;Version 73.0.3683.103 (Official Build) (64-bit)&lt;/SPAN&gt;)&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 24 Apr 2019 15:04:54 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-web-appbuilder-questions/embed-web-app-in-web-site-not-working/m-p/244232#M6592</guid>
      <dc:creator>MichalBeránek</dc:creator>
      <dc:date>2019-04-24T15:04:54Z</dc:date>
    </item>
    <item>
      <title>Re: Embed web app in web site not working</title>
      <link>https://community.esri.com/t5/arcgis-web-appbuilder-questions/embed-web-app-in-web-site-not-working/m-p/244233#M6593</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I'm having this issue with Chrome on Mac OS X&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 25 Jun 2020 18:44:47 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-web-appbuilder-questions/embed-web-app-in-web-site-not-working/m-p/244233#M6593</guid>
      <dc:creator>ConnorBailey1</dc:creator>
      <dc:date>2020-06-25T18:44:47Z</dc:date>
    </item>
  </channel>
</rss>

