Tabber with fixed height tabs and automatic scrollbars.
Posted: 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
comment it out by changing it to
Edit the stylesheet that you are using for Tabber. E.g. tabber_rounded.css and look for the line (near the top) starting:
Just after that .tab-container { insert:
(leave the rest of the line intact)
Change that 100px; to suit the height you want your tabs to be fixed to.
Edit tabbeddescriptions.js and look for the line
Code: Select all
paneContainer.style.height = maxHeight + "px";
Code: Select all
// paneContainer.style.height = maxHeight + "px";
Code: Select all
.tab-container {
Code: Select all
height: 100px; overflow: auto;
Change that 100px; to suit the height you want your tabs to be fixed to.