<?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 Understanding ArcGIS Online Code in ArcGIS Online Questions</title>
    <link>https://community.esri.com/t5/arcgis-online-questions/understanding-arcgis-online-code/m-p/508383#M25656</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;Can someone point me to a good resource to better understand the code that drives ArcGIS Online's ability to embed a map and use a template so I can gain more control of the output?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;For example, when I select embed in website option, I get a little paragraph of text that looks something like this:&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&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="Manna Food Center Distribution Sites" src="//www.arcgis.com/apps/Embed/index.html?webmap=be3a73df6f354d388acd8ab0252ff8e1&amp;amp;amp;extent=-78.2349,38.6246,-75.5432,39.5752&amp;amp;amp;zoom=true&amp;amp;amp;scale=true&amp;amp;amp;disable_scroll=true&amp;amp;amp;theme=light"&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/div&amp;gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;I understand the width = "500" height = "400" is the canvass size because there is an option to adjust this in the Embed Map Dialogue box. However, I would like to better understand all the other code so I can manipulate it better. Is this JavaScript?&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Sat, 30 Jul 2016 20:52:18 GMT</pubDate>
    <dc:creator>deleted-user-W17i9rKaOdiH</dc:creator>
    <dc:date>2016-07-30T20:52:18Z</dc:date>
    <item>
      <title>Understanding ArcGIS Online Code</title>
      <link>https://community.esri.com/t5/arcgis-online-questions/understanding-arcgis-online-code/m-p/508383#M25656</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;Can someone point me to a good resource to better understand the code that drives ArcGIS Online's ability to embed a map and use a template so I can gain more control of the output?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;For example, when I select embed in website option, I get a little paragraph of text that looks something like this:&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&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="Manna Food Center Distribution Sites" src="//www.arcgis.com/apps/Embed/index.html?webmap=be3a73df6f354d388acd8ab0252ff8e1&amp;amp;amp;extent=-78.2349,38.6246,-75.5432,39.5752&amp;amp;amp;zoom=true&amp;amp;amp;scale=true&amp;amp;amp;disable_scroll=true&amp;amp;amp;theme=light"&amp;gt;&amp;lt;/iframe&amp;gt;&amp;lt;/div&amp;gt;&lt;/P&gt;&lt;P style="padding-left: 30px;"&gt;I understand the width = "500" height = "400" is the canvass size because there is an option to adjust this in the Embed Map Dialogue box. However, I would like to better understand all the other code so I can manipulate it better. Is this JavaScript?&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Sat, 30 Jul 2016 20:52:18 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-online-questions/understanding-arcgis-online-code/m-p/508383#M25656</guid>
      <dc:creator>deleted-user-W17i9rKaOdiH</dc:creator>
      <dc:date>2016-07-30T20:52:18Z</dc:date>
    </item>
    <item>
      <title>Re: Understanding ArcGIS Online Code</title>
      <link>https://community.esri.com/t5/arcgis-online-questions/understanding-arcgis-online-code/m-p/508384#M25657</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;You can modify the Embedded map URL using URL parameters as described here.&lt;/P&gt;&lt;P&gt;&lt;A href="https://doc.arcgis.com/en/arcgis-online/reference/embed-map-parameters.htm" title="https://doc.arcgis.com/en/arcgis-online/reference/embed-map-parameters.htm"&gt;Use URL parameters to modify embedded maps—ArcGIS Online Help | ArcGIS&lt;/A&gt; &lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Everything else has to do with styling the iFrame used to embed the map and you can learn more CSS and iFrame properties here.&lt;/P&gt;&lt;P&gt;&lt;A href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe" title="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe"&gt;&amp;lt;iframe&amp;gt; - HTML | MDN&lt;/A&gt; &lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Hope that helps!&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Sat, 30 Jul 2016 20:58:14 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-online-questions/understanding-arcgis-online-code/m-p/508384#M25657</guid>
      <dc:creator>ReneRubalcava</dc:creator>
      <dc:date>2016-07-30T20:58:14Z</dc:date>
    </item>
    <item>
      <title>Re: Understanding ArcGIS Online Code</title>
      <link>https://community.esri.com/t5/arcgis-online-questions/understanding-arcgis-online-code/m-p/508385#M25658</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Have you looked at the Web AppBuilder develop edition?&amp;nbsp; &lt;/P&gt;&lt;P&gt;&lt;A href="https://developers.arcgis.com/web-appbuilder/" title="https://developers.arcgis.com/web-appbuilder/"&gt;Web AppBuilder for ArcGIS (Developer Edition) | ArcGIS for Developers&lt;/A&gt; &lt;/P&gt;&lt;P&gt;This is based on JavaScript, and similar to the ArcGIS Online but allows you to work with and customize the code. There are many user supplied custom widgets too that can help you extend you application.The link above will also take you to the Guild, Samples, and &lt;A href="https://developers.arcgis.com/web-appbuilder/api-reference/css-framework.htm" title="https://developers.arcgis.com/web-appbuilder/api-reference/css-framework.htm"&gt;the Javacript API&lt;/A&gt; &lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Additional resources for the WAB develope edition can be found&lt;/P&gt;&lt;UL&gt;&lt;LI&gt;&lt;A href="https://community.esri.com/migration-blogpost/2580"&gt;Web AppBuilder Developer Edition - Customization Resource List&lt;/A&gt;​&lt;/LI&gt;&lt;LI&gt;&lt;A href="https://community.esri.com/migration-blogpost/2294"&gt;Tips and Observations for getting Web AppBuilder -&amp;nbsp; Developer Edition Installed&lt;/A&gt;​&lt;/LI&gt;&lt;LI&gt;&lt;A href="https://community.esri.com/migration-blogpost/47584"&gt;Installing Robert’s Enhanced Search Widget for the Web AppBuilder&lt;/A&gt;​&lt;/LI&gt;&lt;/UL&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;also tagging &lt;A href="https://community.esri.com/space/2128"&gt;ArcGIS API for JavaScript&lt;/A&gt;​ &lt;A href="https://community.esri.com/space/2150"&gt;Web AppBuilder for ArcGIS&lt;/A&gt;​ &lt;A href="https://community.esri.com/group/1294"&gt;Web AppBuilder Custom Widgets&lt;/A&gt;​&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Sat, 30 Jul 2016 21:59:49 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-online-questions/understanding-arcgis-online-code/m-p/508385#M25658</guid>
      <dc:creator>RebeccaStrauch__GISP</dc:creator>
      <dc:date>2016-07-30T21:59:49Z</dc:date>
    </item>
  </channel>
</rss>

