Creating Tabs in Joomla Articles

Documentation for Joomla 3

Tabs are your great helpers when you need to present more content in a compact way. And with a nice design. Creating nicely looking tabs in your Joomla articles with our Tabs & Sliders plug-in is ridiculously easy. 

  • Create a new article or open for editing an existing one
  • Start your first tab using the plugin opening tag "tab=your tab title". Make sure you placed the curly brackets before and after the opening tag text:

Tag for creating a tab

  • Write some text below that.
  • To add another tab, use the same code snippet
  • Write the second tab's text.
  • Keep repeating the above process.
  • When you finish the text of your last tab, add this:

Closing tag for tabs

And here is a screenshot with the tabs source HTML code:

The tabs HTML source code

Documentation for Joomla 4

Tabs are your great helpers when you need to present more content in a compact way. And with a nice design. Creating nicely looking tabs in your Joomla 4 articles with our Tabs & Sliders plug-in is ridiculously easy. 

  • Create a new article or open for editing an existing one
  • Start your first tab using the plugin opening tag "tab=your tab title". Make sure you placed the curly brackets before and after the opening tag text:

The opening tag for creating a tab

  • Write some text below that.
  • To add another tab, use the same syntax
  • Write the second tab's text.
  • Keep repeating these steps.
  • When you finish the text of your last tab, add this:

The closing tag for tabs

Here is a screenshot with the source HTML code of two tabs:

The tabs HTML source code

And here are these two newly created tabs at the front end of the Joomla 4 site:

the final result with the two tabs viewed at the front end of a Joomla 4 site