PDA

View Full Version : How to add a new ToolButton style



canfindvinay
5 Aug 2010, 10:19 AM
Currently the ToolButton class in com.extjs.gxt.ui.client.widget.button supports the following styles

<dt><b>Supported Styles:</b></dt>
<dd>.x-tool-close</dd>
<dd>.x-tool-minimize</dd>
<dd>.x-tool-maximize</dd>
<dd>.x-tool-restore</dd>
<dd>.x-tool-gear</dd>
<dd>.x-tool-pin</dd>
<dd>.x-tool-unpin</dd>
<dd>.x-tool-right</dd>
<dd>.x-tool-left</dd>
<dd>.x-tool-up</dd>
<dd>.x-tool-down</dd>
<dd>.x-tool-refresh</dd>
<dd>.x-tool-minus</dd>
<dd>.x-tool-plus</dd>
<dd>.x-tool-search</dd>
<dd>.x-tool-save</dd>
<dd>.x-tool-help</dd>
</dl>


Can I add a new style?? If possible --> I want to add a style to display the "paper clip" image with the same look & feel as other tool buttons styles. Adding the following to .css does not help. Any Ideas?




.x-tool-clip {
background-position:0 -300px;
background-image:url(images/clip.gif)
}

TIA
Vinay

dvaidhya
25 Jul 2012, 10:11 AM
Was there any solution given for this thread??. I am also trying to add a new tool style. Please let me know the steps to implement it.