RokTabs is a tabbed content module, standalone and themed. Content is transitioned, either by fade or scroll, powered by Mootools, which can be automatic or manual. Plugin support is also featured, whether loading module positions, read more content, or the K2 CCK component.
Options available at Admin → Extensions → Module Manager → Roktabs Module. Important demo settings are highlighted accordingly:
Disable the Show Title setting, and use the roktabs1-4 module suffixes to generate the various styling shown in the right column. Set Theme Style to Custom.
Subtract roktabs-links margins needs to be enabled for best visual effect with scrollable tabs.
In all body positions, except Showcase, RokTabs requires a Module Class Suffix in order to display correctly, either: roktabs1, roktabs2, roktabs3 or roktabs4, as represented below.
For the demo, we have replaced the icons with blank#.png files, located in /images/stories/demo/extensions/, which are replaced by CSS backgrounds. This allows for differentiation between light and dark styles. This is not necessary on your site.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Vivamus non arcu. Etiam dapibus, tellus ac ornare aliquam, massa diam tristique urna.
Read more...