<html>
  <head>
    <meta content="text/html; charset=ISO-8859-1"
      http-equiv="Content-Type">
  </head>
  <body text="#000000" bgcolor="#FFFFFF">
    <div class="moz-cite-prefix">Hi Jim,<br>
      <br>
      you should better use the icon-config-property of ExtJS to set the
      icon for a button in a toolbar:<br>
      <br>
      <pre class="prettyprint" id="ext-gen2361"><code id="ext-gen2362"><span class="pun">{</span><span class="pln">
    xtype</span><span class="pun">:</span><span class="pln"> </span><span class="str">'button'</span><span class="pun">,</span><span class="pln">
    cls</span><span class="pun">:</span><span class="pln"> </span><span class="str">'x-btn-text-icon'</span><span class="pun">,</span><span class="pln">
    icon</span><span class="pun">:</span><span class="pln"> </span><span class="str">'resources/images/main/home-button.png'</span><span class="pun">,</span><span class="pln">
    scale</span><span class="pun">:</span><span class="pln"> </span><span class="str">'large'</span><span class="pun">,</span><span class="pln">
    text</span><span class="pun">:</span><span class="pln"> </span><span class="str">'Home'</span><span class="pln">
</span><span class="pun">}</span></code></pre>
      <br>
      so the toggle-mechanism should work.<br>
      Maybe you take a closer look here:<br>
      <br>
      docs.sencha.com/ext-js/4-1/#!/api/Ext.button.Button<br>
      <br>
      Best regards,<br>
      Chris<br>
      <code id="ext-gen2362"><span class="pun"></span></code><br>
      <br>
      <br>
      Am 23.02.2013 02:48, schrieb Jim White:<br>
    </div>
    <blockquote cite="mid:51282005.1030505@earthlink.net" type="cite">
      <meta http-equiv="content-type" content="text/html;
        charset=ISO-8859-1">
      Hi,<br>
      <br>
      I have added editing tools to a toolbar following the example code
      in
      toolbar.js. I have used the iconCls to add a background image for
      the
      buttons, but cannot get any change in the icons depending on
      whether
      the item is active as happens with OpenLayers editing tools. <br>
      <br>
      How can I get the same active/inactive image that is used in
      OpenLayers
      to work with a GeoExt toolbar?<br>
      <br>
      Thanks,<br>
      Jim<br>
      <div class="moz-signature">-- <br>
        James B. White<br>
        Cary, NC<br>
        H: 919-380-9615<br>
        M: 919-698-1765<br>
        <a moz-do-not-send="true" href="http://whitecodingandmaps.com/">White
          Coding and Maps</a>
      </div>
      <br>
      <fieldset class="mimeAttachmentHeader"></fieldset>
      <br>
      <pre wrap="">_______________________________________________
Users mailing list
<a class="moz-txt-link-abbreviated" href="mailto:Users@geoext.org">Users@geoext.org</a>
<a class="moz-txt-link-freetext" href="http://www.geoext.org/cgi-bin/mailman/listinfo/users">http://www.geoext.org/cgi-bin/mailman/listinfo/users</a>
</pre>
    </blockquote>
    <br>
  </body>
</html>