Joomla! Documentation™

Page Class Suffix is a parameter in Joomla! content menu items. It is set in a particular menu item: [Edit Menu Item] page, under the "Page Display" tab. A new page class suffix will cause Joomla! to either add a new CSS class or modify the existing CSS class for elements in the assigned to this very menu item page layout.

Wanneer Joomla! een pagina genereert, wordt er automatisch een vooraf gedefinieerde CSS class toegevoegd om styling van de pagina toe te staan. Bijvoorbeeld, een pagina zou het volgende element kunnen hebben

<div class="componentheading">

Om een nieuwe class te maken, voer de parameter in met een spatie ervoor. Bijvoorbeeld, het invoeren van een spatie plus "myNewClass" zal leiden tot een nieuwe CSS class genaamd "myNewClass" en het zal worden ingevoegd als een class voor de elementen in dat Menu-Item. In het geval van het bovenstaande voorbeeld zal dit veranderd worden in

<div class="componentheading myNewClass">

Om de naam te wijzigen van een bestaande class, voer de parameter in zonder een spatie. Bijvoorbeeld, het invoeren van "_mySuffix" (zonder spatie) zorgt ervoor dat de HTML wordt veranderd naar

<div class="componentheading_mySuffix">

Over het algemeen is het aan te bevelen om een nieuw te maken class vooraf te laten gaan door een spatie. Op deze manier zal de CSS-styling voor deze component met de standaard class blijven werken. Een nieuwe class kan worden gebruikt om iedere gewenste styling toe te voegen aan dit component, zonder dat de al bestaande CSS-code aangepast hoeft te worden. Let op: iedere nieuwe class-naam moet uniek zijn om niet in conflict te komen met al bestaande class-namen.

Zie ook: : Gebruik van Class achtervoegsel, Gebruik van Pagina Class achtervoegsel in Template code

Wanneer voor de Page Class Suffix een spatie wordt gezet, wordt een nieuwe klasse gecreëerd. Als voor de de parameter geen spatie staat wordt de CSS klasse die bij het menu item hoort (bijvoorbeeld, "componentheading") aangepast. Het heeft normaal gesproken de voorkeur om de eerste methode te gebruiken, immers geen van de bestaande stijl opmaak van de pagina elementen wordt veranderd, en CSS code hoeft alleen te worden toegevoegd voor nieuwe opmaak.

If you don't use a leading space, you will need to copy all of the styling code for the Menu Item classes and duplicate it for the new CSS class before making your CSS changes.

• See the tutorial Using Class Suffixes for a detailed example of using Page and Module Class Suffixes.

You can use The Page Class Suffix parameter to create unique CSS classes that allow you to style one Menu Item differently than others.

• Also see Using the Page Class Suffix in Template Code for additional applications.