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 |
Jump to:
Description
Hi,
Is there an easy way to tweak code or CSS so that my group tabs display vertically instead of horinzontally?

#1
I too want this feature. R project managers considering this?
#2
Is there any update on this ? i do need this
#3
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;
}