Tabber with fixed height tabs and automatic scrollbars.

Tabbed Product and Fragment Descriptions.
Post Reply
norman
Site Admin
Posts: 1237
Joined: Sat Feb 07, 2004 9:55 pm

Tabber with fixed height tabs and automatic scrollbars.

Post by norman » Thu Oct 21, 2010 12:15 am

Tabber is designed to make the tabbed area big enough for the largest tab to fit. This is so content below the tabs doesn't "bounce" as tabs are selected. If you'd rather have fixed height tabs with automatic scrollbars for any tabs where the content overflows then do the following:

Edit tabbeddescriptions.js and look for the line

Code: Select all

    paneContainer.style.height = maxHeight + "px";
comment it out by changing it to

Code: Select all

//    paneContainer.style.height = maxHeight + "px";
Edit the stylesheet that you are using for Tabber. E.g. tabber_rounded.css and look for the line (near the top) starting:

Code: Select all

.tab-container {
Just after that .tab-container { insert:

Code: Select all

height: 100px; overflow: auto; 
(leave the rest of the line intact)

Change that 100px; to suit the height you want your tabs to be fixed to.
Norman

norman
Site Admin
Posts: 1237
Joined: Sat Feb 07, 2004 9:55 pm

Re: Tabber with fixed height tabs and automatic scrollbars.

Post by norman » Fri Oct 24, 2014 2:13 pm

For the jQuery version of Tabber see viewtopic.php?f=24&t=828&p=2567#p2567
Norman

Post Reply