Build a font awesome icon picker and make it available via headscripts.js

Description

Built a function to turn a text field into an icon picker for FontAwesome:

<link rel="stylesheet" type="text/css" href="/library/js/fontIconPicker/2.0.1-cs/css/jquery.fonticonpicker.css" />
<link rel="stylesheet" type="text/css" href="/library/js/fontIconPicker/2.0.1-cs//themes/grey-theme/jquery.fonticonpicker.grey.min.css" />
<script type="text/javascript" src="/library/headscripts.js"></script>
<script>includeLatestJQuery('my_tool_name');</script>
<script type="text/javascript" src="/library/js/fontIconPicker/2.0.1-cs/jquery.fonticonpicker.min.js"></script>

<input type="text" id="icon_input" name="icon_input" />

<script>fontawesome_icon_picker('#icon_input');</script>

Based on: http://codeb.it/fonticonpicker/

Activity

Charles R Severance July 5, 2015 at 11:31 PM

This still has a small UI issue.

Fixed

Details

Priority

Affects versions

Fix versions

Components

Assignee

Reporter

Created July 4, 2015 at 9:58 AM
Updated September 23, 2015 at 2:28 PM
Resolved July 7, 2015 at 3:46 PM