Beginner's Guide

By using the style = "beezHide" all modules that are loaded at this position are shown as sliders.
You may have noticed that the command includes the attribute “state”, which controls whether the
module is expanded or collapsed.
If you choose the value 0, it is closed when it first loads, select the value 1, it is opened by default and can
be closed by the user.
Accessible Tabs
The presentation of content in so-called Tabs is becoming increasingly popular. There are already
modules that Joomla extends with this functionality. But none of the offered modules fulfilled the
requirements of accessibility.
Figure 5: BeezTabs
The integrated solution in Beez is based on the WAI-ARIA techniques to ensure accessibility. To
represent the modules in tabs, they are integrated as follows.
<jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2"
id="1" />
All on the position-5 placed modules are arranged automatically in the form of tabs. You control the
HTML output via the Style beezTabs. The use of the attribute id = "3" is mandatory. The reason lies in
the structure of the used JavaScripts. Imagine, you want to integrate modules at different places into
your template. The JavaScript function requires a unique information about where which tabs should be
opened and closed. If this information is missing, the script will not work as desired. Please use at this
point numbers only for the id.
ADJUST FONT SIZE
Joomla! 2.5 - Beginner’s Guide
Monday, 30 January 2012! Page 211