How to put more than one tabs or accordion to article

How to put more than one tabs or accordion to article

You can make DJ-Tabs display tabs or accordions in your content using modules.
This way you can put accordion or tabs in the desired place in your article.

First things first

You need to create the tabs themselves.
If you are not familiar with how to do it, read the DJ-Tabs documentation to learn more about Groups, Items, and configuration.
OK, let's start
You need to create some modules you want to use in content.
Below you will find a short tutorial explaining how I did it. The effect can be seen on
The effect can be seen on DJ-Tabs demo
Create the modules
I have created 3 DJ-Tabs modules (you can create any module by going to Extensions -> Modules -> New -> DJ-Tabs):
Layouts I have used:
  1. tabs
  2. accordion
  3. accordion
Important settings for the modules:

  1. give the module a title
  2. choose a group
  3. pick a theme
  4. choose a layout (tabs or accordion)
  5. select or create a new module position. In this case, I have created a new module position that will be used exclusively in the article. This way I know the module assigned to this position will appear only where the module position is called in the article.
  6. remember to publish the module
Now Save.
Repeat it as many times as many Tabs you want to have in your article. In this example I have created three modules and assigned them to different module positions:
  1. tabss1
  2. tabss2
  3. tabss3
For the first one I have set the Layout to Tabs and for the other two I have set it to Accordion.

Call out module positions in article

Below you can see a screenshot of how I called the three modules in the article:

you can display any module position in the article by using this syntax:

where "tabss1" is the module position you have created in the previous step when creating DJ-Tabs modules.
When all the  codes are in place in Joomla article, you can save the article.

The effect

See the effect on DJ-Tabs Demo Page
If you have any questions regarding this tutorial or something is unclear, let us know in the comments below.

 

      • Related Articles

      • Displaying tabs on your website

        You can display Tabs or Accordions on your website in 3 ways. Menu item/component view Module 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 Items

        Item is content displayed in one tab or accordion. There are four types of items: Single Article - This type displays the selected article. You can select an article to display in the 'Basic Options' tab Article Category - articles from selected ...

      • DJ-Tabs Configuration

        In the options, you can set global configuration. Those settings can be overridden in each item (tab or accordion) you're creating. To open the Options go to Components -> DJ-Tabs -> Options. Article options Show Date - choose if you want to show ...

      • DJ-Tabs Component

        The DJ-Tabs component allows you to create tabs from the selected content (categories, articles and modules). See the basic steps to configure the DJ-Tabs component: Browse created items Create new item  Browse created groups Create new group Browse ...

      • DJ-Tabs Groups

        Groups can be considered as categories. You can display tabs from one group in each component view or module. You can create an unlimited amount of Groups. List of groups: The new group (category) When creating a new group, there are only two ...