Multi 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.
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.
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.
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.
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.
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.
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.
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
- Line 1
- Line 2
- Line 3
- Line 4
- Line 5
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.)
