How to display content in the tabbar with out active any one

Suite and Optimus Suite 5
#1

hi,
I have four left tabs.
I have defined like

I want to display like, Initially I don't click on any tab, while loading initially,I want to display same as what I mentioned in the screen shot.can you tell me how to do this?
Tab.png1280×774 13.9 KB

#2

Hi
Use the next:
CSS

.dhx_tab_element { text-align: left; vertical-align:text-bottom; left:4px; } .dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tablist_line { display: none !important; }
CODE:

tabbar = new dhtmlXTabBar("a_tabbar", "left"); tabbar.setSkin('dhx_skyblue'); tabbar.setImagePath("../dhtmlxTabbar/codebase/imgs/"); tabbar.setSkinColors("white","#FFFACD"); tabbar.setAlign('right'); tabbar.addTab("tab1","<div style=\"display: block;left: 5px;writing-mode: tb-rl;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);\">Tab1</div>", 80); tabbar.addTab("tab2","<div style=\"display: block;left: 5px;writing-mode: tb-rl;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);\">Tab2</div>", 80); tabbar.addTab("tab3","<div style=\"display: block;left: 5px;writing-mode: tb-rl;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);\">Tab3</div>", 80); tabbar.enableAutoReSize(false); tabbar.setTabActive("tab1");