Results 1 to 5 of 5

Thread: Fontawsome Pro 5.10.2 with Extjs 7.x

  1. #1

    Default Fontawsome Pro 5.10.2 with Extjs 7.x

    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.

    fontawesome.png
    My package for fontawesome 5.10.2 is put here
    fontawesome2.jpg

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

    What wrong with my package.

    Sr for my bad English.

  2. #2

    Default

    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';



    }

  3. #3

    Default

    I think you have to change the Theme var for font awesome.

  4. #4

    Default

    Quote Originally Posted by Sebastian.GESS View Post
    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'
    fontawesome3.jpg

  5. #5
    Sencha Premium Member
    Join Date
    Oct 2013
    Location
    Turin, Italy
    Posts
    3

    Default

    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.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •