Les Arbres Web Solutions

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:

{t​ab title="Tab 1" class="blue"}
Tab 1 content.
{t​ab title="Tab 2" class="red"}
Tab 2 content.
{t​ab title="Tab 3" class="green"}
Tab 3 content.
Tab 1
Tab 2
Tab 3

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 Sliders is very "light" by comparison.

Simple TabsRegular Labs Tabs
Installs a single plugin Installs three plugins
Installs 6 files with a total size of 7kb Installs over 740 files with a total size of 5.2Mb
Does not use or load Bootstrap. Works with or without any version of Bootstrap loaded. Requires and loads Bootstrap 2 (Javascript and CSS) on every page of the site, including pages that don't use tabs.
Works in Joomla 3 and 4 Works in Joomla 3
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.

Content Colours
Default Open

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:


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.

If you find Simple Tabs useful, please don't forget to leave a review at the Joomla Extension Directory. Reviews help the whole of the Joomla community and ultimately help you too!
Simple Tabs Plugin Version 1.05
Simple Tabs User Guide Version 1.05