PDA

View Full Version : Custom Panel Tools



origin
5 Feb 2008, 6:28 PM
Hi all,
Is it possible to add a custom tool to a panel? (i.e. via the panel->tools property)

I know there is an extensive list, but I'd like to add a little bug icon.

Cheers,

thommy
5 Feb 2008, 11:10 PM
A simple solution is to use one of the predefined tool items, change its icon (css) and implement an handler.

evant
5 Feb 2008, 11:20 PM
Tools are just implemented with css.

You'll need to add:

x-tool x-tool-yourID
x-tool x-tool-yourID-over

and apply the appropriate styles. As far as I can see, this is all you need to do.

origin
6 Feb 2008, 4:23 PM
Thanks guys, a simple solution.

Jeegnesh
14 Jun 2013, 11:10 PM
you are right about add new tools.but problem is image what we attached is not displayed and you know what, handler of that image working fine. just image not displying.

CSS
.x-tool-PDF
{
background-image:url("Images/PDF_icon.png");
}


chart.tools=[{ type: 'PDF', tooltip: 'Export to PDF',
handler: function() {
gethtmlToPDF(arrTargetVsActualCharts[i]);
}
},
}];

Jeegnesh
18 Jun 2013, 1:45 AM
yah that is my mistake.my image path is wrong