<?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: Measurement Widget : &amp;quot;Clear&amp;quot; button fires event on disable state in Web AppBuilder Custom Widgets Questions</title>
    <link>https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/measurement-widget-quot-clear-quot-button-fires/m-p/796690#M4702</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Prashant,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; You just need to modify the&amp;nbsp;&lt;SPAN style="background-color: #ffffff;"&gt;jimu-state-disabled css rule in the apps &lt;SPAN style="color: #222222;"&gt;jimu-theme.css&lt;/SPAN&gt;.&lt;/SPAN&gt;&lt;/P&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;&lt;CODE&gt;&lt;SPAN class="selector token"&gt;.jimu-btn.jimu-state-disabled&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;{&lt;/SPAN&gt;
  &lt;SPAN class="property token"&gt;background-color&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;:&lt;/SPAN&gt; #adadad&lt;SPAN class="punctuation token"&gt;;&lt;/SPAN&gt;
  &lt;SPAN class="property token"&gt;color&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;:&lt;/SPAN&gt; #d8d8d8&lt;SPAN class="punctuation token"&gt;;&lt;/SPAN&gt;
  &lt;SPAN class="property token"&gt;pointer-events&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;:&lt;/SPAN&gt; none&lt;SPAN class="punctuation token"&gt;;&lt;/SPAN&gt;
&lt;SPAN class="punctuation token"&gt;}&lt;/SPAN&gt;&lt;SPAN class="line-numbers-rows"&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/CODE&gt;&lt;/PRE&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Sun, 12 Dec 2021 09:12:16 GMT</pubDate>
    <dc:creator>RobertScheitlin__GISP</dc:creator>
    <dc:date>2021-12-12T09:12:16Z</dc:date>
    <item>
      <title>Measurement Widget : "Clear" button fires event on disable state</title>
      <link>https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/measurement-widget-quot-clear-quot-button-fires/m-p/796689#M4701</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi All,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;In Measurement Widget - click event is firing on "Clear" button even if button is in disable state.&lt;/P&gt;&lt;P&gt;I observed that&amp;nbsp;(jimu-state-disabled) class is only changing element's colour but not preventing any user interaction.&lt;/P&gt;&lt;P&gt;Because of this behaviour, widget is allowing to clear\disable measurement result without finishing drawing (double click on map).&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Steps:&lt;/P&gt;&lt;P&gt;1) Select line&amp;nbsp;option on tool.&lt;/P&gt;&lt;P&gt;2) Start drawing line, clink on map&lt;/P&gt;&lt;P&gt;3) Move mouse cursor directly to clear button and click&amp;nbsp;&lt;/P&gt;&lt;P&gt;4) Again click on map.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;How can&amp;nbsp;I disable click event when "&lt;SPAN&gt;jimu-state-disabled" class is applied?&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN&gt;One way to check class name and stop code execution but looking for best approach to handle this.&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Any help would be appreciated&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Regards,&lt;/P&gt;&lt;P&gt;Prashant&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 24 Jan 2019 01:45:40 GMT</pubDate>
      <guid>https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/measurement-widget-quot-clear-quot-button-fires/m-p/796689#M4701</guid>
      <dc:creator>PrashantKirpan</dc:creator>
      <dc:date>2019-01-24T01:45:40Z</dc:date>
    </item>
    <item>
      <title>Re: Measurement Widget : "Clear" button fires event on disable state</title>
      <link>https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/measurement-widget-quot-clear-quot-button-fires/m-p/796690#M4702</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Prashant,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; You just need to modify the&amp;nbsp;&lt;SPAN style="background-color: #ffffff;"&gt;jimu-state-disabled css rule in the apps &lt;SPAN style="color: #222222;"&gt;jimu-theme.css&lt;/SPAN&gt;.&lt;/SPAN&gt;&lt;/P&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;&lt;CODE&gt;&lt;SPAN class="selector token"&gt;.jimu-btn.jimu-state-disabled&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;{&lt;/SPAN&gt;
  &lt;SPAN class="property token"&gt;background-color&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;:&lt;/SPAN&gt; #adadad&lt;SPAN class="punctuation token"&gt;;&lt;/SPAN&gt;
  &lt;SPAN class="property token"&gt;color&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;:&lt;/SPAN&gt; #d8d8d8&lt;SPAN class="punctuation token"&gt;;&lt;/SPAN&gt;
  &lt;SPAN class="property token"&gt;pointer-events&lt;/SPAN&gt;&lt;SPAN class="punctuation token"&gt;:&lt;/SPAN&gt; none&lt;SPAN class="punctuation token"&gt;;&lt;/SPAN&gt;
&lt;SPAN class="punctuation token"&gt;}&lt;/SPAN&gt;&lt;SPAN class="line-numbers-rows"&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;SPAN&gt;‍&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/CODE&gt;&lt;/PRE&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Sun, 12 Dec 2021 09:12:16 GMT</pubDate>
      <guid>https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/measurement-widget-quot-clear-quot-button-fires/m-p/796690#M4702</guid>
      <dc:creator>RobertScheitlin__GISP</dc:creator>
      <dc:date>2021-12-12T09:12:16Z</dc:date>
    </item>
  </channel>
</rss>

