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 379749 times

15717 comments

  • Comment Link Donaldvog Sunday, 20 April 2025 11:05 posted by Donaldvog

    view publisher site https://liquifi.tech/

  • Comment Link top corporate video company in Delhi Sunday, 20 April 2025 10:17 posted by top corporate video company in Delhi

    Hi, just wanted to say, I liked this post.
    It was practical. Keep on posting!

  • Comment Link learn the facts here now Sunday, 20 April 2025 09:25 posted by learn the facts here now

    you are really a good webmaster. The website loading speed is amazing.
    It kind of feels that you're doing any distinctive trick.
    Also, The contents are masterwork. you've done a magnificent activity in this subject!

  • Comment Link click over here now Sunday, 20 April 2025 09:10 posted by click over here now

    Wonderful beat ! I wish to apprentice while you amend your website, how can i subscribe
    for a blog website? The account helped me a acceptable deal.
    I had been a little bit acquainted of this your broadcast
    offered bright clear idea

  • Comment Link check this link right here now Sunday, 20 April 2025 06:50 posted by check this link right here now

    Hello! I've been reading your web site for some time now and finally got the
    courage to go ahead and give you a shout out from Kingwood Texas!
    Just wanted to tell you keep up the fantastic work!

  • Comment Link find out here now Sunday, 20 April 2025 05:19 posted by find out here now

    Your style is really unique compared to other people I've read
    stuff from. Thank you for posting when you have the
    opportunity, Guess I will just bookmark this web site.

  • Comment Link learn this here now Sunday, 20 April 2025 05:15 posted by learn this here now

    Pretty nice post. I just stumbled upon your weblog and wanted
    to say that I have truly enjoyed browsing your blog posts.

    After all I'll be subscribing to your rss feed and I hope you write again soon!

  • Comment Link click now Sunday, 20 April 2025 05:04 posted by click now

    Does your website have a contact page? I'm having problems locating it but,
    I'd like to send you an email. I've got some suggestions for your blog you might be interested in hearing.
    Either way, great website and I look forward to seeing it grow over time.

  • Comment Link check this out Sunday, 20 April 2025 04:27 posted by check this out

    Attractive section of content. I just stumbled upon your weblog and in accession capital
    to assert that I acquire in fact enjoyed account your blog posts.
    Anyway I'll be subscribing to your augment and even I achievement you access consistently rapidly.

  • Comment Link Rvjbph Sunday, 20 April 2025 00:58 posted by Rvjbph

    order coumadin 2mg - order metoclopramide 20mg generic buy cozaar online cheap

Leave a comment

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