react-fonticonpicker icon indicating copy to clipboard operation
react-fonticonpicker copied to clipboard

Customize icons for dropdown

Open mikeover opened this issue 6 years ago • 6 comments

Looks like the button to open the picker has the fipicon-angle-down hard-coded? I'm using font awesome v4, is there a way to customize this as the icon doesn't show up for me?

Also, do you have an iconDefs for older version of FA?

mikeover avatar Nov 10 '18 14:11 mikeover

This is what I'm seeing:

screen shot 2018-11-10 at 9 45 39 am

mikeover avatar Nov 10 '18 14:11 mikeover

@mikeover I am trying to display all the icons in the panel. However it is not displaying. This is what is showing:

icon dropdown

I have iconLists.js stored in a directory and I am importing it in a separate file where I have placed <FontIconPicker icons={iconLists.icomoonIcons}/>. Been stuck on this for a day or so. Any help would be appreciated.

schatterjee-erwin avatar Jan 17 '19 20:01 schatterjee-erwin

Maybe your icons are not loaded on the page at all?

I will rewrite the whole thing in some coming days where I will ditch the font icon (for the UI) in favor of SVGs. So it might not become a problem anymore.

For now, what I can say without looking at it live is

  1. Either your webpack or bundler doesn't import or handle the font files.
  2. There is some sort of CORS issue blocking the loading of the file.

swashata avatar Jan 26 '19 07:01 swashata

I am having the same problem. Looks like the icon class used for the dropdown button and also the button to switch pages of available icons has been removed from/replaced with other class names in fontawesome. Can you update it?

lnq56789 avatar Feb 05 '19 22:02 lnq56789

@mikeover my temporary solution is to replace the class or overwrite the content of the class in css file.

lnq56789 avatar Feb 06 '19 16:02 lnq56789

Does anyone find the solution for this issues ? please

RaveloMevaSoavina avatar Sep 17 '20 14:09 RaveloMevaSoavina