RokTabs is a tabbed content widget. Content is transitions, either by fade or scroll, and is powered by mootools. The widget has the ability to be fully automated, switching based on time or manually by user interaction.



  • Tabbed Content: Display multiple content items in a tabbed enclosure.
  • Inbuilt Styling: Both light and dark styling for standalone support
  • Configurability: Highly configurable from options dealing with transition, to content type and layout.


Once activated, the RokTabs configuration panel can be found under the link RokTabs Settings in the Plugins SubPanel, rest of the settings are configured directly from the widget settings.

This is a breakdown of all the configuration options of RokTabs Settings Page:

Preset Themes: You can select between Light or Dark theme for the widget.

Icons Path: Sets the path where RokTabs will be searching for icons.

This is a breakdown of all the configuration options of RokTabs Widget Controls:

Posts Category: You can choose from which category posts should be displayed.

Type of Content: You can choose which part of post content should be displayed – content or excerpt.

Order: Sets the order in which posts should be displayed.

Number of Tabs: Sets the maximum number of tabs to display in RokTabs.

Tabs Position: Determinates where the tabs should be placed.

Width: Sets the width of the whole widget.

Links Margin: Adds extra margin to the tabs scrolling arrows.

Show Tab Icons: If post has RokTabs icon set in its settings, the icon will be displayed in the tab

Icon Position: Determinates where the icon should be placed in tab

Mouse Interaction: Changes how RokTabs reacts to mouse events.

Transition Duration: Sets the amount of time needed to switch between tabs.

Transition Type: Sets the transition type that will be used to switch tabs.

Transition Effect: Effect to be used durning the tab switching.

Enable Autoplay: Enables automatic tab switching.

Autoplay Delay: Amount of time between automatic tab switching.

Standard Features

  • Gantry Framework
  • 8 Preset Styles
  • Fusion with MegaMenu
  • Splitmenu
  • Custom Typography
  • Extensions Styling
  • 70 Widget Positions
  • Widget Variations
  • Javascript Input Styling
  • FF 3.6, Safari 4, Opera, IE7, IE8 Compatible

Valid Code

W3C Valid for both the XHTML 1.0 Transitional and CSS3 modern web standards.

Etiam tincidunt, tellus at hendrerit tincidunt, lorem nibh dapibus ante, egestas lacinia lectus mi in erat. Nam varius mi a odio posuere sit amet sagittis orci tincidunt. Duis lectus orci, aliquet vitae pellentesque id, accumsan id lectus. Vivamus venenatis nisi vel quam ornare diam dapibus. Nunc vestibulum facilisis porttitor felis luctus eu.

Read more…

Nunc suscipit laoreet tempus. Aenean nulla dui, pretium nec dictum et, faucibus non erat. Nam eget arcu eros, ut dignissim sapien. Vivamus nec risus lacinia orci tincidunt dictum id in tellus. Praesent viverra sapien consequat.

Read more…

Curabitur magna dolor, dapibus eget convallis non, cursus id lacus. Ut tempus, neque nec ornare consequat, elit urna dapibus risus, a euismod lacus mauris nec velit. Curabitur eu luctus ipsum. Phasellus et felis sem. Nulla sed nibh.

Read more…

Nam suscipit malesuada neque quis aliquam. Integer in purus lacus, at hendrerit tortor. Nulla nec eros tellus, sit amet pretium risus. Fusce mollis tortor nec risus sollicitudin posuere.

Read more…


RokTabs is a flexible tabber widget, with features such as icon support, read mores, plus many more useful options.

More Details