<?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 Home Button Question in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/home-button-question/m-p/725610#M67362</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Good day everyone,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I used the following sample to display the home button: &lt;A href="https://developers.arcgis.com/javascript/jssamples/widget_home.html" title="https://developers.arcgis.com/javascript/jssamples/widget_home.html"&gt;Home Button | ArcGIS API for JavaScript&lt;/A&gt; &lt;/P&gt;&lt;P&gt;Using the following css code:&lt;/P&gt;&lt;PRE __default_attr="css" __jive_macro_name="code" class="jive_macro_code _jivemacro_uid_14116539242658446 jive_text_macro" jivemacro_uid="_14116539242658446"&gt;
&lt;P&gt;#HomeButton {&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; position: absolute;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; top: 95px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; left: 20px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; z-index: 50;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/P&gt;
&lt;/PRE&gt;&lt;P&gt;The button displays here:&lt;/P&gt;&lt;P&gt;&lt;IMG alt="HomeButton1.PNG" class="jive-image image-1" src="https://community.esri.com/legacyfs/online/15384_HomeButton1.PNG" style="height: auto;" /&gt;&lt;/P&gt;&lt;P&gt;If I change the css to this:&lt;/P&gt;&lt;PRE __default_attr="css" __jive_macro_name="code" class="jive_macro_code jive_text_macro _jivemacro_uid_14116541120723925" jivemacro_uid="_14116541120723925"&gt;
&lt;P&gt;#HomeButton {&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; position: absolute;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; top: 175px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; left: 260px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; z-index: 50;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/P&gt;
&lt;/PRE&gt;&lt;P&gt;The button displays here:&lt;/P&gt;&lt;P&gt;&lt;IMG alt="HomeButton2.PNG" class="jive-image image-1" src="https://community.esri.com/legacyfs/online/15385_HomeButton2.PNG" style="height: auto;" /&gt;&lt;/P&gt;&lt;P&gt;Is there a way in the css that I can tie the home button to the map pane? Just not sure if how I am doing it is the correct way.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks,&lt;/P&gt;&lt;P&gt;Chris&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Thu, 25 Sep 2014 14:12:01 GMT</pubDate>
    <dc:creator>ChrisHolmes</dc:creator>
    <dc:date>2014-09-25T14:12:01Z</dc:date>
    <item>
      <title>Home Button Question</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/home-button-question/m-p/725610#M67362</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Good day everyone,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I used the following sample to display the home button: &lt;A href="https://developers.arcgis.com/javascript/jssamples/widget_home.html" title="https://developers.arcgis.com/javascript/jssamples/widget_home.html"&gt;Home Button | ArcGIS API for JavaScript&lt;/A&gt; &lt;/P&gt;&lt;P&gt;Using the following css code:&lt;/P&gt;&lt;PRE __default_attr="css" __jive_macro_name="code" class="jive_macro_code _jivemacro_uid_14116539242658446 jive_text_macro" jivemacro_uid="_14116539242658446"&gt;
&lt;P&gt;#HomeButton {&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; position: absolute;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; top: 95px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; left: 20px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; z-index: 50;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/P&gt;
&lt;/PRE&gt;&lt;P&gt;The button displays here:&lt;/P&gt;&lt;P&gt;&lt;IMG alt="HomeButton1.PNG" class="jive-image image-1" src="https://community.esri.com/legacyfs/online/15384_HomeButton1.PNG" style="height: auto;" /&gt;&lt;/P&gt;&lt;P&gt;If I change the css to this:&lt;/P&gt;&lt;PRE __default_attr="css" __jive_macro_name="code" class="jive_macro_code jive_text_macro _jivemacro_uid_14116541120723925" jivemacro_uid="_14116541120723925"&gt;
&lt;P&gt;#HomeButton {&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; position: absolute;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; top: 175px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; left: 260px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; z-index: 50;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/P&gt;
&lt;/PRE&gt;&lt;P&gt;The button displays here:&lt;/P&gt;&lt;P&gt;&lt;IMG alt="HomeButton2.PNG" class="jive-image image-1" src="https://community.esri.com/legacyfs/online/15385_HomeButton2.PNG" style="height: auto;" /&gt;&lt;/P&gt;&lt;P&gt;Is there a way in the css that I can tie the home button to the map pane? Just not sure if how I am doing it is the correct way.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Thanks,&lt;/P&gt;&lt;P&gt;Chris&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 25 Sep 2014 14:12:01 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/home-button-question/m-p/725610#M67362</guid>
      <dc:creator>ChrisHolmes</dc:creator>
      <dc:date>2014-09-25T14:12:01Z</dc:date>
    </item>
    <item>
      <title>Re: Home Button Question</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/home-button-question/m-p/725611#M67363</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;You need to put the homebutton div within the map div.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;PRE __default_attr="java" __jive_macro_name="code" class="jive_macro_code jive_text_macro _jivemacro_uid_14116545328104757" jivemacro_uid="_14116545328104757"&gt;
&lt;P&gt;&amp;lt;div id="map"&amp;gt;&lt;/P&gt;
&lt;P&gt;&amp;lt;div id="HomeButton"&amp;gt;&amp;lt;/div&amp;gt;&lt;/P&gt;
&lt;P&gt;&amp;lt;/div&amp;gt;&lt;/P&gt;

&lt;/PRE&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I don't think you can tie it to the map within your CSS.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 25 Sep 2014 14:14:06 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/home-button-question/m-p/725611#M67363</guid>
      <dc:creator>TimWitt2</dc:creator>
      <dc:date>2014-09-25T14:14:06Z</dc:date>
    </item>
    <item>
      <title>Re: Home Button Question</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/home-button-question/m-p/725612#M67364</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Thanks Tim. I had this:&lt;/P&gt;&lt;P&gt;&amp;lt;div id="map" class="shadow roundedCorners" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'"&amp;gt;&amp;lt;/div&amp;gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div id="HomeButton"&amp;gt;&amp;lt;/div&amp;gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;When I should have had this:&lt;/P&gt;&lt;P&gt;&amp;lt;div id="map" class="shadow roundedCorners" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'"&amp;gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div id="HomeButton"&amp;gt;&amp;lt;/div&amp;gt;&lt;/P&gt;&lt;P&gt;&amp;lt;/div&amp;gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Chris&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 25 Sep 2014 14:24:42 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/home-button-question/m-p/725612#M67364</guid>
      <dc:creator>ChrisHolmes</dc:creator>
      <dc:date>2014-09-25T14:24:42Z</dc:date>
    </item>
    <item>
      <title>Re: Home Button Question</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/home-button-question/m-p/725613#M67365</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Glad we got it figured out &lt;IMG src="https://community.esri.com/legacyfs/online/emoticons/happy.png" /&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 25 Sep 2014 14:28:07 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/home-button-question/m-p/725613#M67365</guid>
      <dc:creator>TimWitt2</dc:creator>
      <dc:date>2014-09-25T14:28:07Z</dc:date>
    </item>
  </channel>
</rss>

