Tabs

Make content tabs in Joomla!

  • Last updated: 14 Sep 2020
  • Version: 7.7.3
  • Types: System plugin Editor button plugin
  • Joomla rating: 100%

Dear mobile user,

The tabs on mobile view are displayed as a simple navigation. This responsive view can be switched off in the Tabs settings.

To see the actual tabs in action, you will need a larger screen size.

With Tabs you can make content tabs anywhere in Joomla! - including within articles, inside modules, or even 3rd party components and template overrides.

For example:

The syntax simply looks like:

{tab Tab Title 1}

The text for the first tab...

{tab Tab Title 2}

The text for the second tab...

{/tabs}

You can use the editor button to place the tab block in the above example.

See the full documentation and watch the videos to find out more!

 

Tabs for Joomla 3 is based on the Bootstrap collapse functionality, so it uses and needs the Bootstrap 2 framework (styles and scripts) that comes with Joomla core.
This means that Tabs will only function correctly if your template allows the Bootstrap framework to be loaded and does not cause conflicts with the jQuery and bootstrap javascripts.