What are the module styles?

Question

When I add a module statement in a joomla template, I always use this code :

<jdoc:include type="modules" name="left" style="xhtml" />

What does the style attribute stand for and what other styles can I use?

Answer 1

By default you could use the following styles:

• none (output raw module content)
• html5 (chosen html5 tag and font headder tags)
• table (wraps the module in a table)
• horz (wraps the tabled module output in a tag of another table)
• xhtml (divs and font headder tags)
• rounded (allows for rounded corners by wrapping in nested div tags)
• outline (add preview information to the module)

You can also create custom functions by creating a modules.php file in your template html folder and name the function modChrome_"yourname" for example:

function modChrome_pre($module, &$params, &$attribs) {
  echo '<pre>'.$module->content.'</pre>';
}

And use this in your template to use this chrome style

<jdoc:include type="modules" name="left" style="pre" />

More about modules styling could be found at http://docs.joomla.org/Customising_the_way_modules_are_displayed

Answer 2

This may help if you're wanting to make your own Chrome styles:

http://docs.joomla.org/Applying_custom_module_chrome

Answer 3

This will be helpful for learning more about Module Chrome Styles:

http://docs.joomla.org/Standard_Module_Chromes