RokTabs Module (J1.5/1.7)

Options available at Admin → Extensions → Module Manager → Roktabs Module. Important demo settings are highlighted accordingly:

Other

• Theme Style: Light and Dark. Or Custom, if the template has styling for the modules.
• Content Type: Joomla Core Content or K2 Content (Requires K2 to be installed).
• Module Class Suffix: Add a custom class for individual styling

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.

Joomla Core Content

• Joomla Section: Section to load tabbed content from.
• Joomla Category: Category to load tabbed content from.
• Joomla Frontpage Items: Determine whether frontpage content is loaded.

Content Parameters

• Item Ordering: Control tab ordering — Default, Oldest First, Most Recent First, Title Alphabetical, Title Reverse-Alphabetical & Order.
• Default Readmore: Determine whether the system Read More is active.
• Custom Readmore Text: Control the label of the Read More.

Animation and Styling

• Width: Set to the width of the container element, or a custom value.
• Max # of Tabs (0 = All): Control the maximum number of tabs.
• Transition Duration: Time, milliseconds, for tabs to transition between one another.
• Type of Transition: Choose between Fading or Scrolling for transition
• Transition Effect: Determine the effect for tab transition.
• Subtract roktab-links margins: Control calculation of margins for scrolling tabs.
• Scrollable Tabs: Determine whether tabs are scrollable when they exceed the specified width.

Subtract roktabs-links margins needs to be enabled for best visual effect with scrollable tabs.

Tab Details

• Tabs Position: Position of tab row, either Top, Bottom or Hidden.
• Tabs Interaction: Control transition trigger of tabs, Click or Hover.
• Tabs Title: Determine how tabs are named, By Incremental, By Content Title, or By first Content h6 tag.
• Incremental prepend text: If By Incremental is selected, specify the prepended text for each tab.
• Hide h6 tags: Disables H6 content in the tabs.
• Prefix tabs with numbers: Inject incremental numbers before tab titles.
• Show Tab Icons: Display tabs adjacent to the tab titles.
• Tab Icon Side: Position of tab title icons.
• Tab Icon Path: Set the path of icon images.
• Tab Icons: Control which icons appear with each tab title.

Autoplay Settings

• Autoplay: Determine whether tabs transition automatically or manually.
• Autoplay Delay (ms): Set delay for automatic transition in milliseconds.