Core module chrome CSS

The core HTML output for modules can be extended in the <jdoc:include /> statement by adding the style attribute, style="stylename", where stylename corresponds to the "chrome" style used to wrap the module.

For further information, see <jdoc:include /> Statements and What is module chrome?

Chrome Type

• None

This is the default if no style attribute is added to the <jdoc:include /> statement.

No additional CSS styling is added.

Module title is NOT included in the output, regardless of enabled status.

• Table

.moduletable class applied to a <table> element of no set width that surrounds the module output.

<th> tags surround the module title, if enabled.

• Horz

No additional CSS styling is added.

Output is the same as the "Table" style above, but also wraps the output in second table of 100% width.

• XHTML

.moduletable class applied to a <div> that surrounds the module output.

<h3> tags surround the module title, if enabled.

• Rounded

.module class is applied to the outermost <div>.

The module output is surrounded with four layers of <div>s to allow for rounded corners.

<h3> tags surround the module title, if enabled.

• Outline

.mod-preview class is applied to the outermost <div>.

.mod-preview-info class

.mod-preview-wrapper class is applied to the innermost <div> which directly holds the module content.