PDA

View Full Version : Fontawsome Pro 5.10.2 with Extjs 7.x



Thanh.Nguyen
5 Sep 2019, 5:26 PM
Hi guys,
Im using Extj ext-7.0.0.156 for my project
I want to integrate Font Awesome 5.10.2 Pro to my project.
But i got a problem after add fontawsome 5.10.2 Pro.
Base icon of component like [searchfield,datetimepicker, checkbox..] does not appear,
but pro icon of fontawesome using in other component working fine, just base icon of component break.

58042
My package for fontawesome 5.10.2 is put here
58043

And i replace requires "font-awesome" in app.json by "font-awesome-5102"

What wrong with my package.

Sr for my bad English.

Sebastian.GESS
6 Sep 2019, 2:12 AM
Hi,
if you inspect the components u can see that the font family is set to Font Awesome Free. I guess you have to replace all of it.

.x-form-search-trigger {



font-size: 16px;
font-family: 'Font Awesome 5 Free';



}

Sebastian.GESS
6 Sep 2019, 2:19 AM
I think you have to change the Theme var for font awesome.

Thanh.Nguyen
6 Sep 2019, 5:55 PM
Hi,
if you inspect the components u can see that the font family is set to Font Awesome Free. I guess you have to replace all of it.

.x-form-search-trigger {



font-size: 16px;
font-family: 'Font Awesome 5 Free';



}


default is already 'Font Awesome 5 Free'
58047

kikkokat
11 Sep 2019, 12:10 AM
I had the same problem after upgrading the project from ExtJs 6 to ExtJs 7.
Where I use the FA specification I have no problem displaying the icon, but for all standard components (textfield, combobox, etc) the icon is not displayed.