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.
IconFields¶
Created: | 2006-05-21T14:35:18 |
---|---|
Changed: | 2016-01-08T15:33:52.956000000 |
Classification: | iconfields |
Description: | IconFields for page und content |
Keywords: | iconfields |
Email: | Andi Platen |
Info 2: | |
Info 3: | |
Info 4: |
EXT: IconFields¶
Extension Key: alm_ iconfields
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¶
- Requires Extension: alm_iconpicker
- Adds icon-fields to pages and content-elements
- content-types with iconfield (table tt_content): header,text,textpic,image
- page-types with iconfield (table pages): 1,3,4
- path to iconfonts for the wizard must be configured in typo3conf/extTables.php (see example)
Configuration extTables.php¶
Example: extTables.php (in 'typo3conf'):
<?php
$icons = array(
'font_1' => array(
'iconFontName' => 'Font Awesome',
'iconFont' => 'fileadmin/templates/font_awesome/css/font- awesome.min.css',
'iconList' => 'fileadmin/templates/font_awesome/iconlist.txt'
),
'font_2' => array(
'iconFontName' => 'Font Ownsome',
'iconFont' => 'fileadmin/templates/font_ownsome/font_ownsome.css',
'iconList' => 'fileadmin/templates/font_ownsome/iconlist.txt'
)
);
$TCA['pages']['columns']['tx_almiconfields_icon']['config']['wizards ']['iconPicker']['params'] = $icons;
$TCA['tt_content']['columns']['tx_almiconfields_icon']['config']['w izards']['iconPicker']['params'] = $icons;
?>
Path to icon font can be 'EXT, for example:
'iconFont' => 'EXT:provider_extension/Resources/Public/Fonts/font_awesome/css /font-awesome.min.css',
'iconList' => 'EXT:provider_extension/Resources/Public/Fonts/font_aw esome/iconlist.txt'
TS Examples¶
Example: icon before text/imgtext (tt_content)
temp.icon = TEXT
temp.icon.field = tx_almiconfields_icon
temp.icon.required = 1
temp.icon.htmlSpecialChars = 0
temp.icon.wrap = <div class="icon_wrapper"><i class="|"></i></div>
tt_content.text.5 < temp.icon
tt_content.textpic.10.5 < temp.icon
Example: Icon in navigation (pages)
page.10.variables.NAVI_MAIN.1.NO.stdWrap.dataWrap.if.isTrue.field = tx_almiconfields_icon
page.10.variables.NAVI_MAIN.1.NO.stdWrap.dataWrap = <i class="{field:tx_almiconfields_icon}"></i>|
or with space (noTrimWrap) :
page.10.variables.NAVI_MAIN.1.NO.stdWrap.noTrimWrap.if.isTrue.field = tx_almiconfields_icon
page.10.variables.NAVI_MAIN.1.NO.stdWrap.noTrimWrap = ^<i class="{field:tx_almiconfields_icon}"></i> ^^
page.10.variables.NAVI_MAIN.1.NO.stdWrap.noTrimWrap.splitChar = ^
page.10.variables.NAVI_MAIN.1.NO.stdWrap.insertData = 1
IconFields - 3