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.

font-awesome-choose-punit-patel

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.

font-awesome-punit-patel

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 *