<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

</head>

<body text="#000000" bgcolor="#ffffff">

<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 href="http://whitecodingandmaps.com/">White Coding and Maps</a>

</div>

</body>

</html>