"ARI Smart Content - Tabs" module shows tabbed content in module positions. The module can be enabled/disabled and configured on "Extensions → Module Manager" page on Joomla! backend. The module offers the following parameters:
- Data source is a main and required parameter. It is used to select the data source which will be used to create tabs. See also Title template and Template parameters. If a data source is not selected, the module will show nothing. It is possible to select data sources from Text data section.
- Use constant ID if the parameter is set to 'Yes', tabs container will have the constant ID based on module ID. It can be useful for caching or other purposes.
- Load method is used to specify load method on client side. If it is set to 'On Load', the tabs will be created when page and all resources (images, styles and etc.) are loaded by a browser. If it is set to 'DOM Ready', the tabs will be created immediately when page is loaded (it doesn't wait till all resources are loaded, they will be loaded in parallel). In other words, 'DOM Ready' event occurs before 'On Load' and if possible it is preferable to use it instead of 'On Load'. This parameter can be useful to resolve conflict with some 3rd party extensions, if the extension doesn't work properly when it's set to 'DOM Ready', try to switch it to 'On Load'.
- Module Class Suffix will be applied to the CSS class of the module. This allows for individual module styling.
- Theme is used to specify the theme which will be used for the tabs.
- Width is used to specify width which will be used for the tabs. Possible values: 500, 80% and etc.
- Height controls the height of the tabs widget and each panel. Possible values:
- Auto - all panels will be set to the height of the tallest panel.
- Fill - expand to the available height based on the tabs' parent height.
- Content - each panel will be only as tall as its content.
- Title template is used to set template for titles of tabs based on data from the selected data source. It is possible to use data source predefined variables (like {$title}, {$introtext} and etc.) and HTML code. Use "Open in editor" link under the textarea to use editor with the list of supported variables for the selected data source.
- Template is used to set template for tabs content based on data from the selected data source. It is possible to use data source predefined variables (like {$title}, {$introtext} and etc.) and HTML code. Use "Open in editor" link under the textarea to use editor with the list of supported variables for the selected data source.
- Default panel index is used to specify zero-based index of the tab which will be opened by default. Use 0 if want to open the first tab, 1 if want to open the second tab and etc. If you want to show all tabs in closed state, set the parameter to -1 value and Collapsible parameter to 'Yes'.
- Collapsible is used to specify whether all the tabs can be closed at once. Allows collapsing the active tab.
- Open panels on is used to specify the event that the tabs should react to in order to activate the tab.
- Hide duration is used to specify duration of the animation in milliseconds which will be used for animation when tab content is hiding. Possible values: 200, 750 and etc.
- Hide effect is used to choose an animation effect which will be used when tab content is hiding.
- Show duration is used to specify duration of the animation in milliseconds which will be used for animation when tab content is showing. Possible values: 200, 750 and etc.
- Show effect is used to choose an animation effect which will be used when tab content is showing.