How do I create tabs in vertical alignment?

BuyBub.com - January 24, 2009 - 13:29
Project:CCK Fieldgroup Tabs
Version:6.x-1.x-dev
Component:Miscellaneous
Category:feature request
Priority:normal
Assigned:BuyBub.com
Status:active
Description

Hi,

Is there an easy way to tweak code or CSS so that my group tabs display vertically instead of horinzontally?

#1

sourabh.iitm - February 6, 2009 - 19:03

I too want this feature. R project managers considering this?

#2

lavanyadotr - May 5, 2009 - 06:24

Is there any update on this ? i do need this

#3

clown10 - May 19, 2009 - 22:16

Yes, with css.

For example:

#tabs- .ui-tabs-nav {
position:absolute;
top:134px;
left:-5px;
width:200px;
height:200px;
z-index:100;

padding:20px 20px;
background:#444;
}
#tabs- .ui-tabs-nav li {
display:block;
margin:10px 0 0 0;
}

ul.primary li.active a {
background-color:#444;
border-color:#BBBBBB #BBBBBB #FFFFFF;
border-style:solid;
border-width:0px;
color:#DFB579;
}
ul.primary li a {
background-color:#444;
border-color:#BBBBBB;
border-style:solid solid none;
border-width:0px;
height:auto;
margin-right:0.5em;
padding:0 ;
text-decoration:none;
}
ul.primary li a:hover {
background-color:#444;
border-color:#CCCCCC #CCCCCC #EEEEEE;
text-decoration:underline;

}

ul.primary li.active a {style.css?l (Linie 2321)
background-color:#555555;
border-color:#BBBBBB #BBBBBB #FFFFFF;
border-style:solid;
border-width:0;
color:#DFB579;
}

ul.primary {
border-bottom:0px solid #BBBBBB;
border-collapse:collapse;
height:auto;
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:5px;
padding:0 0 0 1em;
white-space:nowrap;
}

 
 

Drupal is a registered trademark of Dries Buytaert.