Tab Icon

[JuanPalomo]

Hi,

Can anyone tell me how to include a tab icon?
(If this is already posted in the forum please show me where, I couldn't find it)

Thanks in advance,

[xmwen]

----------------------------------
javascript:
----------------------------------
Ext.getCmp('ElementId').add(
{
id:'Your_Tab_Id',
title:'Your_Tab_Title',
iconCls: 'demoiconclass',
closable:true,
html:"Your content here!"
}
);

----------------------------------
css:
----------------------------------
.demoiconclass{background-image:url("../icons/demoicon.gif") !important;}

[JuanPalomo]

Thanks xmwen! i will try it!

[JuanPalomo]

Works perfect!! thanks again xmwen!!

[Gunmen]

Is it also possible to change the space between the icon and the text? If yes, how can this be accomplished?

[RWaters]

Not 100% Sure if it will work, but since you are passing in a class name I would expect that you could add some margin-right: to the class to get extra spacing between the icon and text.

[Gunmen]

Not 100% Sure if it will work, but since you are passing in a class name I would expect that you could add some margin-right: to the class to get extra spacing between the icon and text.

Nope, this doesn't help.

Are there other options? I'm using the famfam icons and setting the icon as background.

[Gunmen]

Any one else?

Some one knows what css class to manipulate? (I want a little bit more space between the icon and text)

TNX

[jezmck]

I expect that inspecting the html using firebug will help identify the classes.

[Gunmen]

I expect that inspecting the html using firebug will help identify the classes.

I don't have/use Firebug but IE. Some knows the css class? Thanks.

[jezmck]

you're brave to admit that on these forums.
getfirebug.com (http://www.getfirebug.com)

[Gunmen]

you're brave to admit that on these forums.
getfirebug.com (http://www.getfirebug.com)

Okay, thanks! Just did it.

[jezmck]

Great. I'm sure you'll find it really useful.