Active Tab show different color all of them

Suite and Optimus Suite 5
#1

hello Sir,
I want to show active tab take different color .
for example i have 3 tab and i click one tab then show different themes/color . i used your skin builder but active don’t show different color just like show uniquely specific that this tab is active.
thanks
Regards
Richi :neutral_face: :exclamation: :neutral_face:

#2

Hi,
skyblue skin uses background-image and doesn’t allow to define different colors for active and inactive tabs.

You could use “default” skin. In this case, you may set the color for the active tab. The sample in tabbar package is

dhtmlxTabbar/samples/04_styling/02_colors.html

#3

hi
i checked this URL before Your Reply .In this URL change body color of Active tab .I want to change Tab color not body color.
Regards
Richi :unamused: :unamused: :unamused: :unamused:

#4

hello sir,
i checked your link and i used your custom style code but i don’t used your custom control code function is setSkinColors().
i want to used setSkinColors() function because i have change background color of tabbar.
if any suggestion so tell me
Regards,
Richi :neutral_face: :neutral_face: :neutral_face: :neutral_face: :neutral_face:

#5

Hello,

You may define content colour in the 3rd parameter of the setSkinColors method:

tabbar.setSkinColors("#FFFF00","#FFFACD","#ffffff");

hello sir,
madam would be more correct in my case :wink:

#6

hello
i put my function here
function createnewtab(id, str) {
if (!tabbar._tabs[id]) {
tabbar.addTab(id, str, “*”);
tabbar.setContentHref(id, id);
tabbar.setCustomStyle(id, “white”, “#ADFF2F”, “font-weight:bold”);
} else {
tabbar.setCustomStyle(id, “white”, “#ADFF2F”, “font-weight:normal”);
}
tabbar.setTabActive(id);
tabbar.setSkinColors("#F1EFE2", “#ADFF2F”, “#ffffff”);
}
when we used setCustomStyle function then change the Text Color but i used Setskincolor function is not working .
this code debbuge but effect is not show .
so you have any sollution then tell me.
Regards
Richi :confused: :confused: :confused: :confused: :confused:

#7

hello,

tabbar.setSkinColors("#F1EFE2", “#ADFF2F”, “#ffffff”); should be called before tabs are added:

dhtmlxTabbar/samples/04_styling/02_colors.html

#8

hi
i used but i didn’t get solution .
i here put my function
function createnewtab(id, str) {
if (!tabbar._tabs[id]) {
tabbar.setSkinColors("#F1EFE2", “#ADFF2F”, “#ffffff”);
tabbar.addTab(id, str, “*”);
tabbar.setContentHref(id, id);
tabbar.setCustomStyle(id, “white”, “#ADFF2F”, “font-weight:bold”);
} else {
tabbar.setCustomStyle(id, “white”, “#ADFF2F”, “font-weight:normal”);
}
tabbar.setTabActive(id);
}
i tell u one thing is that i used your customize theme so your function show the effect on tabbar container i mean in the tabbar but not on the tabbar .
Richi :cry: :cry: :cry: :cry: :cry: :cry:

#9

Hi,

we need to completed demo and details about the problem which is not clear:

docs.dhtmlx.com/doku.php?id=othe … leted_demo

#10

hello
here i put my completed demo project you can see attachment .
my issue is that i used dhtmltabbar concept .when i opened all tab link then it is difficult to recognized which tabbar is open because all tabbar show same header color i want to change tabbar header color not tabbar container color .tabbar header mean show a tabbar name such as google,MSN etc and container mean show google page .
i want to change google tabbar color when it show the page .
i think you understood my problem
so please solve it .
Regards,
Richi
completed_demo.rar (721 KB)

#11

dhx_skyblue is skin with background image and therefore, it is impossible to change its color by setSkinColors method. You need to use “default” skin:

dhxTabbar.setSkinColors("#F1EFE2", “#ADFF2F”, “#ffffff”);
dhxTabbar.setSkin(“default”);