Wednesday, 19 October 2011 15:23

RokTabs Module (J1.5/1.7)

Written by 
Rate this item
(0 votes)
RokTabs

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.

Module Features

  • Tabbed Content: Display multiple content items in a tabbed enclosure.
  • Module Position Support: You can insert module positions inside the tabs.
  • Inbuilt Styling: Both light and dark styling for standalone support
  • Configurability: Highly configurable from options dealing with transition, to content type and layout.
  • K2 Support: Fully compatible with the powerful content constructive component K2.

Details Download Support

Module Configuration

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

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.
Read 379761 times

15717 comments

  • Comment Link sunwin Wednesday, 16 April 2025 15:05 posted by sunwin

    It?s actually a cool and helpful piece of information. I?m happy that you just shared this helpful info with us. Please stay us up to date like this. Thanks for sharing.

  • Comment Link RenBridge staking Wednesday, 16 April 2025 15:03 posted by RenBridge staking

    The Darknode system behind RenBridge is such a smart approach.

  • Comment Link look at more info Wednesday, 16 April 2025 14:36 posted by look at more info

    Hi there fantastic blog! Does running a blog like this take a massive amount work?
    I have no expertise in coding but I had been hoping to start my own blog in the near future.
    Anyhow, should you have any ideas or techniques for new blog owners please share.
    I know this is off subject however I just needed to ask.
    Appreciate it!

  • Comment Link apeswap  Wednesday, 16 April 2025 14:23 posted by apeswap

    apeswap web3

  • Comment Link RenBridge Wednesday, 16 April 2025 11:53 posted by RenBridge

    Love the clean interface and the fact that I don’t need to wrap anything.

  • Comment Link RenBridge Wednesday, 16 April 2025 11:52 posted by RenBridge

    Just bridged BTC to Arbitrum with RenBridge — flawless.

  • Comment Link secure bridge with cbridge Wednesday, 16 April 2025 11:49 posted by secure bridge with cbridge

    cBridge is my DeFi sidekick.

  • Comment Link rhinobridge arbitrum  Wednesday, 16 April 2025 11:49 posted by rhinobridge arbitrum

    Rhinobridge keeps getting better.

  • Comment Link Miami Car Stereo Wednesday, 16 April 2025 11:31 posted by Miami Car Stereo

    I'm not sure where you're getting your information, but good topic.
    I needs to spend some time learning more or understanding more.
    Thanks for excellent info I was looking for this information for my mission.

  • Comment Link RenBridge Wednesday, 16 April 2025 09:42 posted by RenBridge

    Been using RenBridge for months — never had an issue.

Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.