Hi,
I want to add some image buttons on the header of a window.
I used tools[{...}] for that. but there are only some default buttons, like refresh, restore, gear etc. How can i add my own images in this place? Rsizr - online image resizing tool. Well, I still prefer GIMP! by :: Oct 3, 2007 This online image resizing tool is brought to you by Rsizr.com. Add TechChee .com, online shopping for hot tech stuff to Newsburst from http://www.techchee.com/2007/10/03/rsizr-online-image-resizing-tool-well-i-still-prefer-gimp/HOME |
my code is..
win = desktop.createWindow({
id: id,
url:url,
title: name,
width: size[1],
height: size[0],
x: startX,
y: startY,
iconCls: 'bogus',
shim: false,
animCollapse: false,
border: false,
bodyBorder: false,
constrainHeader: true,
autoScroll: false,
showLoading: true,
layout: 'fit',
tools:[{
id:'refresh',...........// here i want my own image
qtip: 'Refresh form Data',
hidden:true,
handler: function(){alert('asdf');
//refresh logic
}
}
How can i implement this???
any alternate way other than tools????
please help me....
Thanks alot dear
You would need to define your own id (e.g. myid) and create 2 CSS rules:
.x-tool-myid{background:transparent url(../images/default/panel/tool-myid.gif) no-repeat;}
.x-tool-myid-over{background:transparent url(../images/default/panel/tool-myid-over.gif) no-repeat;}
(you can use the same gif if you specifying background positions in the CSS rule)
Microsoft Unleashes Visual Studio .NET
IBM's iPhrase Buy Adds to WebSphere |