Change backgrounn color of tab

Suite 7.0/6.0/5.0 and Optimus Suite 5.0
#1

Hi, DHTMLX Support

I want to change backgrounn color of tab (active and inactive) from default color, how i can do that, please let me know.

Thank You
cemang

#2

Hi
First question to help you: what skin do you use?

#3

Hi Darya,
I use dhx_web skin

cemang

#4

Here is a code samplefor you (pay attention on the style tag):

[code]

tabbar



<style>
    html, body {
       width: 100%;
       height: 100%;
       margin: 0px;
       overflow: hidden;
       background-color:white;
    }
    .dhx_tab_element_active {
		background-color: rgba(102, 205, 170, 0.7)!important;
	}
	.dhx_tab_element_inactive {
		background-color: rgba(127, 255, 212, 0.7) !important;
	}
	.dhx_tab_element {
		top: 3px !important;
	}
	.dhx_tab_element div {
		background-image: none !important;
	}
	.dhx_tabbar_zone_top .dhx_tab_element {
		padding-top: 0 !important;
	}
</style>	

	<script>
	function doOnLoad(){
		tabbar = new dhtmlXTabBar("a_tabbar", "top", 40);
		tabbar.setSkin('dhx_web');
		tabbar.setImagePath("../dhtmlxTabbar/codebase/imgs/");
		tabbar.addTab("tab1","Tab", 100);
		tabbar.addTab("tab2","Tab", 100);
		tabbar.addTab("tab3","Tab", 100);
		tabbar.setTabActive("tab1");
	};
	</script>
</head>
<body onload="doOnLoad()">
		<div id="a_tabbar" style="width: 500px; height: 300px; margin: 10px;">
		</div>
</body>
[/code] Result image:
#5

Thank you Darya

#6

You are welcome!