Multi Tabs

multitabs_logoMulti Tabs is a simple, but powerful Joomla plugin. With Multi Tabs, you can display several types of content in smooth changing tabs. You can display modules, by type or position, articles and custom content.

To use the tabs, you just need to enter some plugin code in your articles to render the tabs.

EXAMPLES

The code below the tabs is the exact code used to render the tabs.

Module Positions

Quisque vulputate sem dictum urna vulputate tempus. Cras mauris libero, lobortis sed dapibus sit amet, posuere viverra nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer bibendum odio nec velit imperdiet fringilla. In et odio risus, at pellentesque sapien. Aenean id elit arcu. Integer quis justo ipsum. Vivamus eu tortor est, ut lacinia leo. Donec quis sem mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in lacus ante. Praesent vestibulum dapibus semper. Sed diam erat, aliquam vitae pulvinar id, tincidunt vel odio. In hac habitasse platea dictumst. Pellentesque vitae eros est. Morbi justo lectus, facilisis quis semper vel, placerat sed nulla. Duis nec felis vitae quam imperdiet posuere. Morbi scelerisque facilisis imperdiet.

typewriterQuisque vulputate sem dictum urna vulputate tempus. Cras mauris libero, lobortis sed dapibus sit amet, posuere viverra nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer bibendum odio nec velit imperdiet fringilla. In et odio risus, at pellentesque sapien. Aenean id elit arcu. Integer quis justo ipsum. 

 

 

 

 

Module Positions Code

{pxtabs type="modposition" moduleposition="tabs" speed="300" style="default" width="100%" widthTabs="auto" heightTabs="30"}{/pxtabs}

 

Module Type

Module Type Code

{pxtabs type="modtype" moduletype="mod_search, mod_login" speed="300" style="white" width="100%" widthTabs="auto" heightTabs="30"}{/pxtabs}

 

Articles

Categories

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eget leo in velit porta dignissim. Praesent a imperdiet ligula. Nulla rhoncus, lectus eu varius consequat, dui dolor hendrerit justo, eget blandit risus neque in sapien. Suspendisse aliquet, felis a congue adipiscing, augue lacus porttitor eros, in dignissim metus nunc ut purus. Phasellus pellentesque tempor felis eu vulputate. Aliquam erat volutpat. Quisque et elit lacus. Phasellus lacinia consectetur velit, vel aliquet justo commodo nec. Nulla facilisi. Proin vitae diam ipsum, id consequat orci. Fusce faucibus pretium sodales. Nulla massa dui, semper sed consequat nec, tempor vel quam. Fusce mollis sodales odio, et tempus risus tincidunt sed. Ut libero massa, vehicula vitae placerat in, iaculis a metus. Donec nulla massa, lobortis quis imperdiet vitae, suscipit et odio.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam lectus ante, molestie at iaculis eget, sollicitudin eu nunc. Sed enim mauris, tincidunt vel dapibus eu, suscipit eu lacus. Nam auctor eleifend interdum. Nunc fermentum lacus vitae tellus tincidunt volutpat. Cras lacinia pharetra libero. In in auctor massa. Nam hendrerit mauris vitae velit fermentum eget tristique orci elementum. Fusce elementum adipiscing orci, eget volutpat lorem luctus et. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque lacinia auctor ipsum, sit amet sollicitudin purus porttitor nec. Proin a sapien cursus velit ullamcorper commodo ut at sem. Pellentesque vitae magna eros. Pellentesque sodales blandit lacus, vitae accumsan magna sagittis ac.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Categories Code

{pxtabs type="articles" catid="7" numberTabs="3" orderField="hits" sortOrder="ASC" speed="300" width="100%" widthTabs="auto" heightTabs="30"}{/pxtabs}

Article Id

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

A template framework is basically an empty canvas, or base for designing your own theme. Frameworks install just like normal Joomla templates, and contain all of the features you need: dynamic module positions, menu styles, template parameters..etc. You just need to add the visual design, which, in some frameworks can be done from inside the template control panel itself. With just a basic knowledge of CSS, you can easily style these template frameworks to fit your needs.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eget leo in velit porta dignissim. Praesent a imperdiet ligula. Nulla rhoncus, lectus eu varius consequat, dui dolor hendrerit justo, eget blandit risus neque in sapien. Suspendisse aliquet, felis a congue adipiscing, augue lacus porttitor eros, in dignissim metus nunc ut purus. Phasellus pellentesque tempor felis eu vulputate. Aliquam erat volutpat. Quisque et elit lacus. Phasellus lacinia consectetur velit, vel aliquet justo commodo nec. Nulla facilisi. Proin vitae diam ipsum, id consequat orci. Fusce faucibus pretium sodales. Nulla massa dui, semper sed consequat nec, tempor vel quam. Fusce mollis sodales odio, et tempus risus tincidunt sed. Ut libero massa, vehicula vitae placerat in, iaculis a metus. Donec nulla massa, lobortis quis imperdiet vitae, suscipit et odio.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam lectus ante, molestie at iaculis eget, sollicitudin eu nunc. Sed enim mauris, tincidunt vel dapibus eu, suscipit eu lacus. Nam auctor eleifend interdum. Nunc fermentum lacus vitae tellus tincidunt volutpat. Cras lacinia pharetra libero. In in auctor massa. Nam hendrerit mauris vitae velit fermentum eget tristique orci elementum. Fusce elementum adipiscing orci, eget volutpat lorem luctus et. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque lacinia auctor ipsum, sit amet sollicitudin purus porttitor nec. Proin a sapien cursus velit ullamcorper commodo ut at sem. Pellentesque vitae magna eros. Pellentesque sodales blandit lacus, vitae accumsan magna sagittis ac.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Article Id Code

{pxtabs type="articles" articleid="26,25,8,24" speed="300" width="100%" widthTabs="auto" heightTabs="30"}{/pxtabs}


Custom

This is tab content 1
  • Line 1
  • Line 2
  • Line 3
  • Line 4
  • Line 5
This is tab content 2
This is tab content 3
This is tab content 4

Custom Code

{pxtabs type="custom" speed="300" style="default" width="100%" widthTabs="auto" heightTabs="30"}[tab title='Title tab 1']This is tab content 1[/tab] [tab thefirst='1' title='Title tab 2']This is tab content 2[/tab] [tab title='Title tab 3']This is tab content 3[/tab] [tab title='Title tab 4']This is tab content 4[/tab]}{/pxtabs}

 

Here are the available parameters.

TYPE

modposition (Module Position - like user1, user2,…)
modtype (Module Type - like mod_login, mod_search,…)
articles ( Use for Category, Section or Article Id)
custom (Custom Content) 

UNIVERSAL SETTINGS

speed (Transition speed in ms. Default is 300)
style (Default is default. Here you can set a style.)
width (Width of the frame. Default is “100%” )
widthTabs (Width of the tabs. Default is “auto”)
heightTabs (Height of the tabs. Default is “30px”)

ARTICLES ONLY SETTINGS

numberTabs (Limit the number of articles displayed. Default is all articles.)
limitTitle (Limits the length of title. Default is all characters)
orderField (Default is ordering. Ordering uses Article IDs. Other options are hits, random and date.)
sortOrder (Default is ASC. Other options are DESC)
view (Default is introtext. Other option is fulltext.)

CUSTOM ONLY SETTINGS

thefirst (Only for custom tabs. This will start tabs on a specific tab. See example above.)

Get Help

Mauris pretium cursus nulla vel feugiat. Ut vel enim lorem. Aenean tincidunt nisi eu magna semper posuere. Vivamus quis est purus, ac congue tellus. Nunc vel tortor leo, a suscipit velit. Nulla egestas, est vitae pretium bibendum, dolor purus cursus ligula, nec dictum velit magna quis nulla. Ut gravida elementum posuere. Curabitur non lorem eget justo facilisis dictum varius.

Recent News

Mauris pretium cursus nulla vel feugiat. Ut vel enim lorem. Aenean tincidunt nisi eu magna semper posuere. Vivamus quis est purus, ac congue tellus. Nunc vel tortor leo, a suscipit velit. Nulla egestas, est vitae pretium bibendum, dolor purus cursus ligula, nec dictum velit magna quis nulla. Ut gravida elementum posuere. Curabitur non lorem eget justo facilisis dictum varius.