We help IT Professionals succeed at work.

Joomla - scrollable Tab Based Content Module?

starhu asked
Medium Priority
Last Modified: 2012-05-12

Currently I use RokTabs to show K2 items on the main page.
The problem is that one of the items is very long, the other is short and RokTabs automatically adjust the height of the tab to the longest item.

I need a tab component that can also handle K2 items but I can set the maximum height let's say 600 pixel then it would create automatically a vertical scrollbar.
This way I can show long K2 items in a smaller box on the front page.

Do you know of such a component?

Thank you
Watch Question

Carlos LlanosIT Manager

I can work on this a little bit for you.  You should be able to set some variables using css to allow for RokTabs to scroll...
IT Manager
Alright here's what you need to do:

In order for this to work you will need to locate your Roktabs Module css files.

I modified the black version's for testing.  You can find that file in this location:

Site Root -> Modules / mod_roktabs/tmpl/dark/css-(long string of chars)...

Locate this code:
.roktabs-container-inner {position:relative;overflow: hidden;}

Open in new window

And add these two statements on the end.  Change the height as needed.
.roktabs-container-inner {position:relative;overflow: hidden; height: 200px; overflow-y: scroll}

Open in new window

Screen shots:
 Scrolling RokTabs Edited Code


Thank you Nukit, I will try it tomorrow


Excellent solution

Explore More ContentExplore courses, solutions, and other research materials related to this topic.