Module chromes are the xhtml output that is wrapped around your modules content. By default, Joomla has a number of different types to choose from. These are usual pre-set when a template is developed and cannot be changed without digging in the templates code.

With Morph, we wanted to give you as much control over what is loaded in your site and how. We also weren't satisfied with the chrome options that were available by default. Lucky for us (and you!), Joomla 1.5 allows us to create our own chromes.

List of module chromes available in Morph

Basic

The basic xhtml chrome will output the modules heading (if enabled) & contents, wrapped with a single div. We recommend you use this option in most cases, as it will output the least amount of xhtml necessary. Modules published to a position set to basic will automatically stack on top of each other. This can be styled by using the .mod-basic class.

Grid

The basic grid chrome will automatically float modules in a grid layout. By default the number of modules assigned to a position will determine the grid break down. For example, if 2 modules are assigned to a position, they will each take up 50% of the available space. If 3 modules are assigned, then each will take up 33% of the available space. You can further customize this for positions that have 2 modules assigned, by specifying the ratio in which they are divided. This is called the “gridsplit” ratio. This can be styled by using the .mod-grid class.

Tabs

The tabs chrome will automatically create a tabs block from different modules assigned to a position where this is enabled. The module titles are used for the actual tabs. It's recommended that you only activate this option when more than one module is assigned to the position.

Accordion

The accordion chrome will automatically create an accordion block from different modules assigned to a position where this is enabled. The module titles are used for the actual accordion headings. It's recommended that you only activate this option when more than one module is assigned to the position.

Outline

This is one of Joomla’s core chromes and is used to display the name of a module position on the frontend. This is generally only ever used to debug a module position.

None

This option will not load any additional xhtml around the module contents whatsoever. This is a good option to use when you are only loading a single module in a particular position which already has a wrapping div, like the inset module positions.