Problem with Icons in the Menus

Post Reply
vithort
Posts: 3
Joined: 09 Jul 2020, 20:46

09 Jul 2020, 21:06

Hello,

I'm trying to customize some menus, but I can't load all the available FontAwesome icons (I'm testing with the free ones).

In the code below, for example, I can only see the Classroom 2 icon, the Classroom 1 icon (fa-chalkboard) does not load at all.

Could someone help me how to solve the problem and load the other icons?

ngOnInit() {
this.model = [
{
label: 'Classroom 1',
icon: 'fa fa-fw fa-chalkboard',
routerLink: ['classroom1'],
},
{
label: 'Classroom 2',
icon: 'fa fa-fw fa-desktop',
routerLink: ['classroom2'],
},
];
}

Thanx for the attention!! :)

merve7
Posts: 627
Joined: 12 Sep 2017, 10:44

17 Aug 2020, 15:30

Hi,
Atlantis PrimeNG uses FontAwesome 4.7.0 but your tried icons come with 5.0.13 therefor you need to update your FontAwesome version.

vithort
Posts: 3
Joined: 09 Jul 2020, 20:46

08 Sep 2020, 21:24

thank you for your answer...

could I update font-awesome to use these new icons?

In the documentation for font-awesome it indicates that the latest version is 4.7.0 and that they do not intend to update.



package.json {
"font-awesome": "^4.7.0",
}

vithort
Posts: 3
Joined: 09 Jul 2020, 20:46

08 Sep 2020, 21:48

I found the icons that i can use. Thank you again!

https://fontawesome.com/v4.7.0/icons/

mert.sincan
Posts: 4318
Joined: 29 Jun 2013, 12:38

10 Oct 2020, 03:07

Glad to hear, thanks a lot for the update!

Best Regards,

Post Reply

Return to “Atlantis - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 0 guests