DEPRECATION WARNING
This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.
AddCssClass¶
| Created: | 2006-05-21T14:35:18 |
|---|---|
| Changed: | 2015-06-24T21:07:37.433000000 |
| Classification: | addcssclass |
| Description: | Add CSS Classes to pages und content |
| Keywords: | addcssclass |
| Email: | Andi Platen |
| Info 2: | |
| Info 3: | |
| Info 4: |
EXT: IconFields¶
Extension Key: alm_ addcssclass
Andi Platen <info@wireframe.de>
This document is published under the Open Content License
available from http://www.opencontent.org/opl.shtml
The content of this document is related to TYPO3 -
a GNU/GPL CMS/Framework available from www.typo3.org
Setup¶
- Install the extension
- Set classes for pages and content in extTables.php
- Write some typoscript to access the classes
Configuration extTables.php¶
Example: extTables.php (in 'typo3conf'):
<?php
$pageClasses = array(
array('class_p_1', 'class_p_1'),
array('class_p_2', 'class_p_2'),
array('class_p_3', 'class_p_3')
);
$TCA['pages']['columns']['tx_almaddcssclass']['config']['items'] = $pageClasses;
$contentClasses = array(
array('class_c_1', 'class_c_1'),
array('class_c_2', 'class_c_2'),
array('class_c_3', 'class_c_3')
);
$TCA['tt_content']['columns']['tx_almaddcssclass']['config']['items' ] = $contentClasses;
?>
TS Examples¶
Example: add page class in body-tag with current and first level page id and language (page)
page.bodyTag >
page.bodyTagCObject = COA
page.bodyTagCObject.wrap = <body class="|">
page.bodyTagCObject.10 = TEXT
page.bodyTagCObject.10.data = levelfield:2, uid, slide
page.bodyTagCObject.10.noTrimWrap = |parent_| |
page.bodyTagCObject.20 = TEXT
page.bodyTagCObject.20.data = field:uid
page.bodyTagCObject.20.noTrimWrap = |page_| |
page.bodyTagCObject.30 = TEXT
page.bodyTagCObject.30.value < CONTLANG
page.bodyTagCObject.30.wrap = lang_|
page.bodyTagCObject.40 = TEXT
page.bodyTagCObject.40.data = field:tx_almaddcssclass
page.bodyTagCObject.40.stdWrap.replacement.10.search = ,
page.bodyTagCObject.40.stdWrap.replacement.10.replace.char = 32
page.bodyTagCObject.40.stdWrap.noTrimWrap = | ||
page.bodyTagCObject.40.stdWrap.required = 1
Example: add content-element class (tt_content)
temp.css_1 < tt_content.stdWrap.innerWrap.cObject.default.20.10
tt_content.stdWrap.innerWrap.cObject.default.20.10 >
tt_content.stdWrap.innerWrap.cObject.default.20.10 = COA
tt_content.stdWrap.innerWrap.cObject.default.20.10.10 < temp.css_1
tt_content.stdWrap.innerWrap.cObject.default.20.10.20 = TEXT
tt_content.stdWrap.innerWrap.cObject.default.20.10.20.data = field:tx_almaddcssclass
tt_content.stdWrap.innerWrap.cObject.default.20.10.20.stdWrap.replace ment.10.search = ,
tt_content.stdWrap.innerWrap.cObject.default.20.10.20.stdWrap.replace ment.10.replace.char = 32
tt_content.stdWrap.innerWrap.cObject.default.20.10.20.stdWrap.noTrimW rap = | ||
tt_content.stdWrap.innerWrap.cObject.default.20.10.20.stdWrap.require d = 1
AddCssClass - 3