.. You may want to use the usual include line. Uncomment and adjust the path. 
.. include:: ../Includes.txt


==========
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:

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
<http://www.typo3.org/>`_

.. _Table-of-Contents:

Table of Contents
-----------------

**Setup 1**

**Configuration extTables.php 2**

**TS Examples 3**


.. _Setup:

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:

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:

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