anselmdk/silverstripe-iconfont-picker

generic icon font picker based on peavers/silverstripe-font-awesome

THIS IS A FORK OF peavers/silverstripe-font-awesome

...adjusted to work with any icon font., _(*1)

Configuration example

$iconPickerField = IconFontPickerField::create('CustomIconClass', 'Icon');
$iconPickerField->setCustomFontURI('mysite/thirdparty/icofont-custom/css/icofont.css');
$iconPickerField->setCustomFontBaseClass('icofont');
$iconPickerField->setAvailableIcons($this->config()->available_icons);
$iconPickerField->setUseFontAwesome(false);

Initial Readme

Synopsis

Provides a field to easily pick font-awesome icons, _(*2)

Features

• Easily pick icons to be used anywhere in the frontend
• Can filter on icon name

Installation

Composer

Make sure you're not double loading the css/fonts with a theme., _(*3)

Ideally composer will be used to install this module. composer require "moe/font-awesome:@stable", _(*4)

Screen shots

Font awesome icon view

Filter view

, _(*5)

Usage

A basic working example, and the following to any class you want the field on;, _(*6)

    private static $db = array(
        'Icon' => 'Varchar(255)',
    );

    public function getCMSFields()
    {
        $fields = parent::getCMSFields();

        $fields->addFieldsToTab('Root.Main', array(
           FontAwesomeField::create("Icon", "Font Awesome icon")
        ));

        return $fields;
    }

Then simple include in the template where you want the icon placed, _(*7)

    <i class="fa $Icon"></i>

The controller extension should make sure you've got access to the icons so you don't need to double up the CSS file., _(*8)

Want colours instead of icons?

Got you covered, checkout color-swabs!, _(*9)

Libraries used/modified

• Font Awesome Icon Picker 4.5