<?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 Re: I want to create additional icons that look like the Measure tool icons. in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/i-want-to-create-additional-icons-that-look-like/m-p/14516#M1359</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;In esri.css :&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;PRE __default_attr="css" __jive_macro_name="code" class="jive_macro_code _jivemacro_uid_1410990817387268 jive_text_macro" jivemacro_uid="_1410990817387268"&gt;
&lt;P&gt;.esriMeasurement .distanceIcon {&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-image: url("../dijit/images/Measure_Distance16.png");&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; height: 16px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; width: 16px;&lt;/P&gt;
&lt;P&gt;}&lt;/P&gt;
&lt;P&gt;.esriMeasurement .areaIcon {&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-image: url("../dijit/images/Measure_Area16.png");&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; height: 16px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; width: 16px;&lt;/P&gt;
&lt;P&gt;}&lt;/P&gt;
&lt;P&gt;.esriMeasurement .locationIcon {&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-image: url("../dijit/images/Measure_Point16.png");&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; height: 16px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; width: 16px;&lt;/P&gt;
&lt;P&gt;}&lt;/P&gt;

&lt;/PRE&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;You would need to override the above styles with your own.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;The buttons are standard dojo ToggleButtons.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;A href="http://dojotoolkit.org/reference-guide/1.10/dijit/form/ToggleButton.html" title="http://dojotoolkit.org/reference-guide/1.10/dijit/form/ToggleButton.html"&gt;dijit/form/ToggleButton — The Dojo Toolkit - Reference Guide&lt;/A&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Wed, 17 Sep 2014 21:54:16 GMT</pubDate>
    <dc:creator>JonathanUihlein</dc:creator>
    <dc:date>2014-09-17T21:54:16Z</dc:date>
    <item>
      <title>I want to create additional icons that look like the Measure tool icons.</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/i-want-to-create-additional-icons-that-look-like/m-p/14515#M1358</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I want to create additional icons that look like the Measure tool icons and have the same behaviors for hover and pressed.&lt;/P&gt;&lt;P&gt;Can you provide the syntax (whether javascript or css) to which I can just provide the path to my own icon images and hook events?&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 17 Sep 2014 21:21:30 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/i-want-to-create-additional-icons-that-look-like/m-p/14515#M1358</guid>
      <dc:creator>WorkPlayce</dc:creator>
      <dc:date>2014-09-17T21:21:30Z</dc:date>
    </item>
    <item>
      <title>Re: I want to create additional icons that look like the Measure tool icons.</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/i-want-to-create-additional-icons-that-look-like/m-p/14516#M1359</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;In esri.css :&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;PRE __default_attr="css" __jive_macro_name="code" class="jive_macro_code _jivemacro_uid_1410990817387268 jive_text_macro" jivemacro_uid="_1410990817387268"&gt;
&lt;P&gt;.esriMeasurement .distanceIcon {&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-image: url("../dijit/images/Measure_Distance16.png");&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; height: 16px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; width: 16px;&lt;/P&gt;
&lt;P&gt;}&lt;/P&gt;
&lt;P&gt;.esriMeasurement .areaIcon {&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-image: url("../dijit/images/Measure_Area16.png");&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; height: 16px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; width: 16px;&lt;/P&gt;
&lt;P&gt;}&lt;/P&gt;
&lt;P&gt;.esriMeasurement .locationIcon {&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; background-image: url("../dijit/images/Measure_Point16.png");&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; height: 16px;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; width: 16px;&lt;/P&gt;
&lt;P&gt;}&lt;/P&gt;

&lt;/PRE&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;You would need to override the above styles with your own.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;The buttons are standard dojo ToggleButtons.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;A href="http://dojotoolkit.org/reference-guide/1.10/dijit/form/ToggleButton.html" title="http://dojotoolkit.org/reference-guide/1.10/dijit/form/ToggleButton.html"&gt;dijit/form/ToggleButton — The Dojo Toolkit - Reference Guide&lt;/A&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 17 Sep 2014 21:54:16 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/i-want-to-create-additional-icons-that-look-like/m-p/14516#M1359</guid>
      <dc:creator>JonathanUihlein</dc:creator>
      <dc:date>2014-09-17T21:54:16Z</dc:date>
    </item>
  </channel>
</rss>

