topic Re: Embedded map in Sharepoint using an <iframe> tag? in ArcGIS Web AppBuilder Questions

Embedded map in Sharepoint using an tag?</h1> <p>VenusScott — Tue, 23 Dec 2014 19:32:10 GMT</p> <HTML><HEAD></HEAD><BODY><P>I created a map using AGOL WAB online and had the user embed the map the City's website. When the map is viewed on a tablet or phone, the locator defaults to the right side of the map as opposed to the left. When building a map and displaying on a PC, it defaults to the left side of the map? Is there something in the <iframe> tag that changes the location of the locator object? Here is the code:</P><P></P><P><SPAN><iframe width="940" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="</SPAN><A class="jive-link-external-small" href="http://phoenix.maps.arcgis.com/apps/Embed/index.html?webmap=8ade120d5a374e399fd23be95de852a9&amp;extent=-112.4224,33.3444,-111.7495,33.7992&amp;home=true&amp;zoom=true&amp;scale=true&amp;search=true&amp;searchextent=true&amp;basemap_gallery=true&amp;theme=light" rel="nofollow" target="_blank">http://phoenix.maps.arcgis.com/apps/Embed/index.html?webmap=8ade120d5a374e399fd23be95de852a9&extent=-112.4224,33.3444,-111.7495,33.7992&home=true&zoom=true&scale=true&search=true&searchextent=true&basemap_gallery=true&theme=light</A><SPAN>"></iframe><br /><small><a href="</SPAN><A class="jive-link-external-small" href="http://phoenix.maps.arcgis.com/apps/webappviewer/index.html?id=e91cf487650749499ee5ebef709d2ef0" rel="nofollow" target="_blank">http://phoenix.maps.arcgis.com/apps/webappviewer/index.html?id=e91cf487650749499ee5ebef709d2ef0</A><SPAN>" target="_blank">View Mobile / Larger Map</a></small></SPAN></P><P></P><P>Nothing is jumping out at me as to why on a mobile device it would display differently?</P><P></P><P></P></BODY></HTML> </article> <article> <h1>Re: Embedded map in Sharepoint using an <iframe> tag?</h1> <p>VenusScott — Tue, 30 Dec 2014 16:47:11 GMT</p> <HTML><HEAD></HEAD><BODY><P>Can anyone provide me with insight on the "webappviewer" and maybe this is my issue?</P></BODY></HTML> </article> <article> <h1>Re: Embedded map in Sharepoint using an <iframe> tag?</h1> <p>VenusScott — Thu, 08 Jan 2015 16:09:39 GMT</p> <HTML><HEAD></HEAD><BODY><P>I got with ESRI support and this issue was submitted as an ''enhancement'' for future release.</P></BODY></HTML> </article> <article> <h1>Re: Embedded map in Sharepoint using an <iframe> tag?</h1> <p>KellyHutchins — Thu, 08 Jan 2015 17:57:31 GMT</p> <HTML><HEAD></HEAD><BODY><P>The locator should always display on the right. I ran a few tests and in my testing the locator is on the right in both my phone and desktop. </P><P></P><P><A class="jive-link-external-small" href="http://phoenix.maps.arcgis.com/apps/Embed/index.html?webmap=8ade120d5a374e399fd23be95de852a9&amp;extent=-112.4224,33.3444,-111.7495,33.7992&amp;home=true&amp;zoom=true&amp;scale=true&amp;search=true&amp;searchextent=true&amp;basemap_gallery=true&amp;theme=light" rel="nofollow" style="font-family: arial, helvetica, 'helvetica neue', verdana, sans-serif; color: #000000; text-decoration: underline;" target="_blank">http://phoenix.maps.arcgis.com/apps/Embed/index.html?webmap=8ade120d5a374e399fd23be95de852a9&extent=-112.4224,33.3444,-111.7495,33.7992&home=true&zoom=true&scale=true&search=true&searchextent=true&basemap_gallery=true&theme=light</A></P><P></P><P></P><P>In your case I think the issue may be that the frame width is set as 940 which means its wider than the mobile screen and part of the map will be outside the view.  In general its tricky to get content embedded in an iframe to be responsive. Haven't tried it but perhaps the info in this article will help. </P><P><A href="http://www.smashingmagazine.com/2014/02/27/making-embedded-content-work-in-responsive-design/" title="http://www.smashingmagazine.com/2014/02/27/making-embedded-content-work-in-responsive-design/">Making Embedded Content Work In Responsive Design - Smashing Magazine</A> </P></BODY></HTML> </article> <article> <h1>Re: Embedded map in Sharepoint using an <iframe> tag?</h1> <p>KellyHutchins — Thu, 08 Jan 2015 18:17:02 GMT</p> <HTML><HEAD></HEAD><BODY><P>Another option that might work if you just need the width to change and aren't worried about the height would be to just set the width to 100%. Here's an example showing this:</P><P></P><PRE __default_attr="javascript" __jive_macro_name="code" class="jive_macro_code _jivemacro_uid_14207410171919133 jive_text_macro" jivemacro_uid="_14207410171919133"><P><SPAN><iframe width="100%" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="</SPAN><A class="jive-link-external-small" href="http://phoenix.maps.arcgis.com/apps/Embed/index.html?webmap=8ade120d5a374e399fd23be95de852a9&extent=-112.4224,33.3444,-111.7495,33.7992&home=true&zoom=true&scale=true&search=true&searchextent=true&basemap_gallery=true&theme=light" rel="nofollow" target="_blank">http://phoenix.maps.arcgis.com/apps/Embed/index.html?webmap=8ade120d5a374e399fd23be95de852a9&extent=-112.4224,33.3444,-111.7495,33.7992&home=true&zoom=true&scale=true&search=true&searchextent=true&basemap_gallery=true&theme=light</A><SPAN>"></iframe><br /><small><a href="</SPAN><A class="jive-link-external-small" href="http://phoenix.maps.arcgis.com/apps/webappviewer/index.html?id=e91cf487650749499ee5ebef709d2ef0" rel="nofollow" target="_blank">http://phoenix.maps.arcgis.com/apps/webappviewer/index.html?id=e91cf487650749499ee5ebef709d2ef0</A><SPAN>" target="_blank">View Mobile / Larger Map</a></small></SPAN></P></PRE></BODY></HTML> </article> </main></body></html>