Displaying tabs on your website

Displaying tabs on your website

You can display Tabs or Accordions on your website in 3 ways.
  1. Menu item/component view
  2. Module
  3. Right from the article with included plugin button. 

DJ-Tabs as component view/menu item

Navigate to a menu where you want to create a link and select DJ-Tabs as menu item type.
  1. Select group – select group of tabs to display
  2. Select theme – Select theme to use
  3. Select layout – choose if you want to u tabs or accordion layout
And save settings.

Tabs in a module

Another way to show a content of DJ-Tabs is by using DJ-Tabs module.
The module displays content of a group created by DJ-Tabs component.
Create new DJ-Tabs module or edit existing one and set:
  1. Select group – select group of tabs to show
  2. Select theme – Select theme to use
  3. Select layout – choose if you want to display tabs or accordion layout
Tabs/Accordion Options
  1. Module Class Suffix – A suffix to be applied to the CSS class of the module. This allows for individual module styling
  2. Video Automatic Play/Pause – Select whether to play/pause video automatically after switching to/from a tab with video
  3. Accordion Layout Display – Select to display accordion layout initially
  4. Tabs Hidden – Hide all the tabs, leaving the content of the firs tab only
  5. Rows Number – Tabs will be shown in the specified number of rows. Leave blank to use global
Save settings.

Add tabs or accordion to an article with a dedicated button

The last way to show tabs or accordion is placing it in the article using 'DJ-Tabs' button in article editor.
First, you need to make sure that you have enabled the plugin. To do so go to Extensions -> Plugins and search for DJ-Tabs Editor Button and make sure it's enabled.

Once this plugin is activated, you'll see the new button under (or in) your favorite editor in Joomla.

When clicked this button will reveal the box where you can choose:
  1. the group that will be displayed (so your category of tabs or accordion)
  2. the theme that will be used (you can use any theme you want)
  3. layout - select tabs or accordion
Click Insert and tabs or accordion will be put in place you had your cursor when clicking the button.

    Please note that a new version of the knowledge base is available at 

      • Related Articles

      • Displaying component on your website

        Using the DJ-Catalog2 component, there are seventeen view options available: Archived Items Cart Cart - one step layout Checkout page Compare Delivery Address Book View List of items (table or blog/grid) List of orders Map of products Producers view ...
      • Displaying component on your website

         Using the DJ-MediaTools component there are three view options available. Album Submission View Albums Grid View Single Album View To display one of the component views, navigate to Menus → Your_Menu and create a new menu item. Now click ...
      • Displaying messages on your website

        You can display the link to the DJ-Messages Inbox by adding it to any menu you like. Just create a new menu item in your Joomla menu and choose DJ-Messages -> Messages as the type. 
      • Displaying the DJ-Classifieds on website

        20 views to choose from Using the DJ-Classifieds component, there are twenty view options available. Add item (advert submission form) Category blog layout Category table layout Category tree Favourites ads Offers receiver Offers submitted Points ...
      • DJ-Tabs Overview

        The DJ-Tabs Joomla extension allows the insertion of content in the layout of tabs or accordions. You can display tabs or accordions in modules, or as a component view by assigning it to the menu item. This is how the Control Panel of DJ-Tabs looks ...