Icons to Tabs

[Kjmiami23]

Hi,

How can i add icons to all the tabs similar to tine20.org groupware?

Thanks.

[Kjmiami23]

Hi,

This is what i wanna try and achieve please but adding icons same as this tabs system. it is from tine20.org project similar to group-office

what files am i editing?

thanks.

[Kjmiami23]

Anyone?

I knows it possible because i have seen it. Just need to know where the file for the tabs are?

[Kjmiami23]

DOES ANYONE KNOW HOW TO DO THIS......

[eagle]

Have you looked at theme creation?
http://group-office.com/wiki/Creating_a_theme

[Kjmiami23]

Hi,

Ok, so who built it?.....im sure they would know?

Thanks.

[SirDemonCZE]

Or you can write own javascript code and paste to Custom CSS and Javascripts module :

Code: Select all

GO.mainLayout.onReady(function(){

// Wait 1s after ready
setTimeout(function(){

// List visible tabs
Ext.select(".x-tab-strip.x-tab-strip-top li").each(function(element){

// Convert id to array
var module = (element["id"].split("-"));

// Get last element from array
module = module[module.length - 1];

// List texts in tab
Ext.select(".x-tab-strip-text", true, element["id"]).each(function(tab){

// Set style
tab
.removeClass("go-tab-icon-" + module)
.addClass("go-menu-icon-" + module)
.setStyle({
'padding-left': "20px",
'background-repeat': "no-repeat",
'background-position-y': "center"
});

});

});

}, 1000);

});

[Kjmiami23]

Hi,

Thanks,

What would the CSS be, i can get the icons to display in the default theme just the ExtJs is the horrible theme. I copied that into the Javascript section but how would i then create a icon for email and icon for summary etc.....through css?

[Kjmiami23]

I managed to get it working just getting the X icon in the top right corner of tab would be good......any ideas how?

thanks.