Simple Tabs is a content plugin for Joomla that creates tabs in an article.
You create tabs by including plugin calls like this in your articles:
{tab title="Tab 1" class="blue"}
Tab 1 content.
{tab title="Tab 2" class="red"}
Tab 2 content.
{tab title="Tab 3" class="green"}
Tab 3 content.
{/tabs}
Tabs are a very useful way to organise page content.
Simple Tabs is a tiny plugin that is very easy to use.
You can use tabs anywhere on any page.
The calling syntax, visual styling and functionality are broadly compatible with Regular Labs Tabs, but Simple Tabs is very "light" by comparison.
| Simple Tabs | Regular Labs |
|---|---|
| Installs a single plugin | Installs multiple extensions |
| Installs 6 small files | Installs hundreds of files |
| Supports nested tabs | Supports nested tabs |
| Supports URL links with tab parameter or #tag | Supports URL links with tab parameter or #tag |
| No plugin configuration parameters | Many plugin configuration parameters |
| No Pro version | Pro version has many advanced features |
| No editor button | Installs an editor button |
The choice is yours. Both products are free.
Tabs and contents can be styled by adding various classes to the "class" parameter.
Simple Tabs comes with the classes blue, green, orange, red, grey, which add a coloured top border to the tab.
The "solid" class fills the tab title background with the selected colour, for example: class="solid blue"
The "color_content" class fills the content area with the selected colour.
For example class="solid color_content orange"
By default, the first tab in each group is open when the page is initially shown, but you can set a different tab to be initially open, using the parameter open="true"
Only one tab per group can be open at a time.
You can create a link to an article page that jumps to, and opens, a specific tab.
To land at this page with this tab open:
https://www.lesarbresdesign.info/extensions/simple-tabs?tab=links
or: https://www.lesarbresdesign.info/extensions/simple-tabs#links
You can specify a different link using the alias parameter, for example: alias="t2"
And now the link should be: www.mysite.com/my-article?tab=t2
Browsers don't load IFrame content for IFrames that are invisible when the page loads, but Simple Tabs automatically forces IFrames to load the first time a tab is shown.
 | Simple Tabs Plugin | Version 2.01 | |
 | Simple Tabs User Guide | Version 2.00 |