Easy Icon Picker For Bootstrap Glyphicons - iconPicker.js

Easy Icon Picker For Bootstrap Glyphicons - iconPicker.js
File Size: 11.4 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

A jQuery based icon picker plugin for Bootstrap that enables the user to pick and select Bootstrap Glyphicons from a filterable/searchable icon picker popup. The plugin will fill the input field with the corresponding icon classes after selection.

More Icon Picker:

How to use it:

1. Include the necessar jQuery library and Bootstrap 3 stylesheet on the page.

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-1.12.4.min.js" 
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" 
        crossorigin="anonymous">
</script>

2. Download the plugin and insert the following CSS & JS files into the page.

<link href="css/icon-picker.min.css" rel="stylesheet">
<script src="js/iconPicker.min.js"></script>

3. Create a standard input box for the icon picker.

<input type="text" name="someName" class="icon-picker" />

4. Call the function on the input box to initialize the icon picker.

$(function () {
  $(".icon-picker").iconPicker();
});

This awesome jQuery plugin is developed by tito433. For more Advanced Usages, please check the demo page or visit the official website.