PHP,  WordPress

Create font awesome icon chooser

Font awesome provide lot’s of icon library as a font. We always uses icon for graphical representation in our navigation or provide abstract information about content or site.

Here I have attached example which help us to choose icon from dialog.

  1. Input field with button to choose font-awesome icon.


2. On click button choose icon then dialog box will  appear on screen. User can choose icon and press ok button to insert in Input.


Please go through following steps to create input dialog chooser.

Add : jQuery , jQuery-UI-Dialog for support.

HTML for input field design.

jQuery for Choose icons.

CSS for dialog and font awesome icon preview.

Leave a Reply

Your email address will not be published. Required fields are marked *