moduletable class

To load a module in a specified position in joomla templates, you should use mosLoadModules function. The basic syntax of this function is as follows:

 

mosLoadModules( position_name [, style] )

Joomla places module(s) content in a container. Depending on the value of style parameter, this wrapping container is either a TABLE or DIV element.

Module Wrapper

 

mosLoadModules function accepts the following parameters:

  • position_name (Optional)
  • style (Optional)

position_name indicates the position in which the module(s) will load into. It is an optional parameter and the defualt value is "left".

 

style argument tells joomla how to render the module(s) in the specified position. It is an optional parameter and the defualt value is 0. style parameter accepts 4 different numerical values as discussed below.

 

style = 0 (default value)

Modules are displayed vertically in a column and each individual module is wrapped by a TABLE element and moduletable class is assigned to this wrapping table. The module(s) header is displayed in a TH tag. This is shown in the following image.

mosLoadModules style=

 

style = 1

Modules are displayed horizontally and each individual module is wrapped by a TABLE element and moduletable class is assigned to this table. The module(s) header is displayed in a TH tag as illustrated in the image below

mosLoadModules style=

 

style = -1

Modules are displayed in a raw output. The module(s) header is not dispayed. There is no wrapping element.

mosLoadModules style=

 

style = -2

Mdoule are wrapped by DIV element with class = "moduletable" and the module(s) header is displayed in a H3 tag. This is the most often used value among template designers. Check out the following image

mosLoadModules style=

 

 

style = -3

This is the same as style=-2 excep it adds extra 3 wrapping DIVs around the original DIV. It gives the opportunity to create rounded corner module styles by defining css styles for those extra DIV elements. This is illustrated in the following image

mosLoadModules style=

 

Defined in:

Almost used in all modules.

 

Assigned to:

DIV and TABLE Tags

 

moduletable class example

div.moduletable {
/* Place CSS style speciically for this item */
}

table.moduletable {
/* CSS Styles */
}

.moduletable th{
/*Module Heading Styles*/
}

.moduletable h3{
/*Module Heading Styles*/
}