<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">Thank you Jim for sharing your effort.<br>
      <br>
      Best regards,<br>
      Chris<br>
      <br>
      Am 23.03.2013 03:47, schrieb Jim White:<br>
    </div>
    <blockquote cite="mid:514D17C0.4030709@earthlink.net" type="cite">
      <meta http-equiv="content-type" content="text/html;
        charset=ISO-8859-1">
      <pre wrap="">
you should better use the icon-config-property of ExtJS to set the icon 
for a button in a toolbar:

|{
     xtype:  'button',
     cls:  'x-btn-text-icon',
     icon:  'resources/images/main/home-button.png',
     scale:  'large',
     text:  'Home'
}|


so the toggle-mechanism should work.
Maybe you take a closer look here:

docs.sencha.com/ext-js/4-1/#!/api/Ext.button.Button

......

I found that adding allowDepress : true to the action gives a nice effect.

Jim


</pre>
      <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>