[CLOSED] Custom type tool

[caha76]

I am trying to put a custom icon in a header, using tool and custom type, but i am getting another icon, close icon. can you help me.

 
<ext:Tool CustomType="icon-expand-all" ></ext:Tool>
 
Styles
.icon-expand-all  { background-image: url(../../Common/Images/expand-all.gif) !important; }

[Vladimir]

Hi,

Regarding, ExtJS docs
http://dev.sencha.com/deploy/dev/doc...xt.Panel-tools

Your type will be used with "x-tool-" prefix
So, you have to define the following css selector

.x-tool-icon-expand-all {...}

If you need 'over' functionality then define addtional rule with '-over' suffix

.x-tool-icon-expand-all-over {...}

[caha76]

Thanks Vladimir

[zeus]

Hi,

Regarding, ExtJS docs
http://dev.sencha.com/deploy/dev/doc...xt.Panel-tools

Your type will be used with "x-tool-" prefix
So, you have to define the following css selector

.x-tool-icon-expand-all {...}

If you need 'over' functionality then define addtional rule with '-over' suffix

.x-tool-icon-expand-all-over {...}

Is there a way adding a button???

[Daniil]

Hi,

Unfortunately, no. Only Tools.

[zeus]

Hi,

Unfortunately, no. Only Tools.

Thanks Daniil .The senario can be easily made by panel top bar adding label and the buttons on right. The only difference would be that the style of top bar would be different .See pictures. How can I change the style to resemble exact panel header looking

[zeus]

Thanks Daniil .The senario can be easily made by panel top bar adding label and the buttons on right. The only difference would be that the style of top bar would be different .See pictures. How can I change the style to resemble exact panel header looking

Well I found some work around but I need confirmation if this will not create any problems

 <ext:Toolbar runat ="server" Cls ="x-panel-header"  >

[Daniil]

Confirm, it should not cause any problems.