Since the PrimeIcons are a bit limited, I am trying to use one of the Material Design icons in the menu:
this.model = [
{
label: 'APPS',
items: [
{ label: 'Biking', icon: 'material-icons directions_bike', routerLink: ['/']}
]
},
The above doesn't work. I am not sure what to specify for the 'icon:' parameter.
Note that I included the MD icons through the style sheet in my index.html:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
I verified this by putting a <i class="material-icons">directions_bike</i> somewhere in my app.main.component.html and that is showing the directions_bike icon.
Many thanks in advance,
Alfred
Using other icons than PrimeIcons in Menu
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
Unfortunately, Diamond is not a Material Layout. Therefore, you can change some lines according to your needs. Please see this line;
And then, you can add material fonts.
Best Regards,
Unfortunately, Diamond is not a Material Layout. Therefore, you can change some lines according to your needs. Please see this line;
Code: Select all
// app.menuitem.component.ts
<i [ngClass]="item.icon" class="layout-menuitem-icon"></i>
Best Regards,
Github Profile: https://github.com/mertsincan
Hi,
Thank you for your response. I will experiment with it.
However, it is not my intention to use Material Layout, just some material icons if they are not available in prime icons.
But what I understand from your reponse, it will be difficult to use a combination of material and prime icons.
Kind regards,
Alfred
Thank you for your response. I will experiment with it.
However, it is not my intention to use Material Layout, just some material icons if they are not available in prime icons.
But what I understand from your reponse, it will be difficult to use a combination of material and prime icons.
Kind regards,
Alfred
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
Thanks a lot for the update!
Best Regards,
Thanks a lot for the update!
- Difficult but not impossible. I think you can handle this issue with a few small changes.it will be difficult to use a combination of material and prime icons.
Best Regards,
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 3 guests