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

Ut tincidunt semper quam, a rhoncus enim feugiat id. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ultricies suscipit condimentum. Phasellus condimentum congue pretium. Nunc vulputate ullamcorper nibh, at tempor nisi tincidunt vitae. Maecenas a hendrerit metus. Aliquam erat volutpat. Sed mauris ipsum, consectetur id egestas sit amet, accumsan et urna. Donec malesuada nunc vel metus aliquam adipiscing.

{gallery}images/banners{/gallery}

Ut tincidunt semper quam, a rhoncus enim feugiat id. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ultricies suscipit condimentum. Phasellus condimentum congue pretium. Nunc vulputate ullamcorper nibh, at tempor nisi tincidunt vitae. Maecenas a hendrerit metus. Aliquam erat volutpat.
drawPhasellus condimentum congue pretium. Nunc vulputate ullamcorper nibh, at tempor nisi tincidunt vitae. Maecenas a hendrerit metus. Aliquam erat volutpat. Sed mauris ipsum, consectetur id egestas sit amet, accumsan et urna. Donec malesuada nunc vel metus aliquam adipiscing.

 

 

Ut tincidunt semper quam, a rhoncus enim feugiat id. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ultricies suscipit condimentum. Phasellus condimentum congue pretium. Nunc vulputate ullamcorper nibh, at tempor nisi tincidunt vitae. Maecenas a hendrerit metus. Aliquam erat volutpat. Sed mauris ipsum, consectetur id egestas sit amet, accumsan et urna. Donec malesuada nunc vel metus aliquam adipiscing.

Ut tincidunt semper quam, a rhoncus enim feugiat id. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ultricies suscipit condimentum. Phasellus condimentum congue pretium. Nunc vulputate ullamcorper nibh, at tempor nisi tincidunt vitae. Maecenas a hendrerit metus. Aliquam erat volutpat. Sed mauris ipsum, consectetur id egestas sit amet, accumsan et urna. Donec malesuada nunc vel metus aliquam adipiscing.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit porta massa, id interdum diam laoreet sit amet. Fusce iaculis tellus nec lectus luctus lobortis. In purus diam, tempor eu laoreet ac, pharetra a nisl. Nullam venenatis augue eu lorem commodo porttitor. Ut tincidunt semper quam, a rhoncus enim feugiat id. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Categories Code

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

Sections (J 1.5 Only). This Demo is in 1.6/1.7 so no tabs can be rendered.

Sections Code

{pxtabs type="articles" sectionid="30,31" numberTabs="4" limitTitle="15" orderField="ordering" sortOrder="DESC" view="fulltext" speed="300" width="100%" widthTabs="auto" heightTabs="30"}{/pxtabs}

Article Id

Ut tincidunt semper quam, a rhoncus enim feugiat id. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ultricies suscipit condimentum. Phasellus condimentum congue pretium. Nunc vulputate ullamcorper nibh, at tempor nisi tincidunt vitae. Maecenas a hendrerit metus. Aliquam erat volutpat.
drawPhasellus condimentum congue pretium. Nunc vulputate ullamcorper nibh, at tempor nisi tincidunt vitae. Maecenas a hendrerit metus. Aliquam erat volutpat. Sed mauris ipsum, consectetur id egestas sit amet, accumsan et urna. Donec malesuada nunc vel metus aliquam adipiscing.

 

 

Ut tincidunt semper quam, a rhoncus enim feugiat id. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ultricies suscipit condimentum. Phasellus condimentum congue pretium. Nunc vulputate ullamcorper nibh, at tempor nisi tincidunt vitae. Maecenas a hendrerit metus. Aliquam erat volutpat. Sed mauris ipsum, consectetur id egestas sit amet, accumsan et urna. Donec malesuada nunc vel metus aliquam adipiscing.

Ut tincidunt semper quam, a rhoncus enim feugiat id. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ultricies suscipit condimentum. Phasellus condimentum congue pretium. Nunc vulputate ullamcorper nibh, at tempor nisi tincidunt vitae. Maecenas a hendrerit metus. Aliquam erat volutpat. Sed mauris ipsum, consectetur id egestas sit amet, accumsan et urna. Donec malesuada nunc vel metus aliquam adipiscing.

Article Id Code

{pxtabs type="articles" articleid="16,17,18,19" speed="300" width="100%" widthTabs="auto" heightTabs="30"}{/pxtabs}


Custom

This is tab content 1
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 at ante.

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 at ante.