0 votes

CustomFontIconPicker

A font icon picker for custom fonts in Umbraco. This Umbraco plugin serves to optimize your icons with custom icon fonts while still allowing your non-technical content editors to choose what icons they want.

Installation

  1. Download plugin 
  2. Drop folder into your Umbraco "App_Plugins" directory or add via Umbraco Developer tab
  3. Create a DataType using the property editor
  4. Write your custom CSS selector prefix
  5. If your font is not already loaded, you can add the stylesheet URL.
  6. Open the file CustomFontIconPicker/js/iconList.json and add each of your custom icons, replacing the example code.
  1. "twitter": {            //name of icon, for your references
        "name": "Twitter",  //name the end user (content editor) will see
        "class": "twitter"  //class that the font icon uses to call in CSS
    }

Screenshots

Package owner

Shayna Dunn

Shayna Dunn

Shayna has 85 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
Version 8.18.x (untested)

You must login before you can report on package compatibility.

Previously reported to work on versions:

Package Information

  • Package owner: Shayna Dunn
  • Created: 27/07/2016
  • Current version 0.2
  • License MIT
  • Downloads on Our: 454

External resources