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
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
Hi
First question to help you: what skin do you use?
Hi Darya,
I use dhx_web skin
cemang
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:
Thank you Darya
You are welcome!