Skip to content
Advertisement

FontAwesome Icon Picker Plugin For Bootstrap not showing

I want to use fontawesome picker on my website. I followed this tutorial: https://www.jqueryscript.net/other/Simple-FontAwesome-Icon-Picker-Plugin-Bootstrap.html

I added the two files in my project fontawesome-iconpicker.js and fontawesome-iconpicker.css

My input:

<input class="icp demo" value="fa-anchor" type="text" name="iconTest">

My JS:

$('input[name="iconTest"]').iconpicker();

I see no javascript error and when I click on the input, nothing happens. No Error, nothing.

I use Bootstrap and jquery in my application.

Update. The div is created but not visible:

<div class="iconpicker-popover popover fade bottom in" style="display: block;top: 421px;left: 6.5px;max-width: 1819px;z-index: 99999999999;">

When I change display:block to display:contents it is shown.

Best regards, Peter

Advertisement

Answer

I used now the font icon editor in this way:

$('input[name=value]').iconpicker({placement: "inline"});

Now it works.

User contributions licensed under: CC BY-SA
5 People found this is helpful
Advertisement