A simple form field for selecting font-awesome classes in the CMS.
Go to file
2015-07-28 10:59:22 +12:00
_config Greatly simplified this module, removed a number of unnecessary features. 2015-07-28 10:50:19 +12:00
code Greatly simplified this module, removed a number of unnecessary features. 2015-07-28 10:50:19 +12:00
css Greatly simplified this module, removed a number of unnecessary features. 2015-07-28 10:50:19 +12:00
fonts Initial commit. 2015-05-09 12:31:32 +12:00
images/screens Greatly simplified this module, removed a number of unnecessary features. 2015-07-28 10:50:19 +12:00
js Greatly simplified this module, removed a number of unnecessary features. 2015-07-28 10:50:19 +12:00
_config.php Greatly simplified this module, removed a number of unnecessary features. 2015-07-28 10:50:19 +12:00
.gitignore Initial commit. 2015-05-09 12:31:32 +12:00
composer.json Renamed; 2015-06-08 13:09:48 +12:00
readme.md Added screen shots to the readme. 2015-07-28 10:59:22 +12:00

Synopsis

Provides a field to easily pick font-awesome icons

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.

Ideally composer will be used to install this module. composer require "moe/font-awesome:@stable"

Screen shots

Font awesome icon view

Font awesome icon

Filter view

Filter

Usage

A basic working example, and the following to any class you want the field on;

    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

    <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.

Libraries used/modified

  • Font Awesome Icon Picker