Bootstrap icon picker

Icon picker for Bootstrap 3

Download .zip Download .tar.gz View on GitHub

Introduction.

If you are looking for a way to create dynamic items(menu,tab,button) with dynamic icon provided by Bootstrap 3 as glyphicon and need a picker like color picker or date picker from where you can select the icon and corresponding icon-class goes to your form field(input)? Well, you are in right place!



Installation

HTML HEAD:

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

JavaScript:

<script type="text/javascript">
        $(function () {
            $(".icon-picker").iconPicker();
        });
</script>

HTML BODY:

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

And you are done!

Demo










Support or Contact

Having trouble with Pages? Check out the documentation at http://help.github.com/pages or contact titosust@gmail.com and we’ll help you sort it out.