The Syncfusion native Blazor components library offers 70+ UI and Data Viz web controls that are responsive and lightweight for building modern web apps.
.NET PDF framework is a high-performance and comprehensive library used to create, read, merge, split, secure, edit, view, and review PDF files in C#/VB.NET.
I use EJ2 Toolbar, and I have successfully changed the icon using list of EJ icons. But the list of icons is limited, and I want to use Font Awesome or something else.. How to do that?
And also I want to make the toolbar icon size bigger. How to do that?
Kindly try the above sample, if you have any concerns please revert us back for further assistance.
Regards,
Hareesh
COCoplestonMay 27, 2020 04:39 AM
If anyone is looking for this (like I was), the best way I have found to use Font Awesome / Pro is to ensure the correct styles are used by adding this CSS somewhere:
// Support Font Awesome icons (https://fontawesome.com) in e-icons
.fa,
.fas {
font-family: 'Font Awesome 5 Pro'!important;
font-weight: 900!important;
}
.far {
font-family: 'Font Awesome 5 Pro'!important;
font-weight: 400!important;
}
.fal {
font-family: 'Font Awesome 5 Pro'!important;
font-weight: 300!important;
}
.fad {
position: relative;
font-family: 'Font Awesome 5 Duotone'!important;
font-weight: 900!important;
}
.fab {
font-family: 'Font Awesome 5 Brands'!important;
font-weight: 400!important;
}
Now you can add toolbar items with Font Awesome / Pro icons like this...
[
'Add',
'Edit',
'Delete',
{ text:'Refresh', tooltipText:'Refresh the data', prefixIcon:'fad fa-sync-alt' }
]
I hope it helps someone.
HBHareesh Balasubramanian Syncfusion Team May 28, 2020 03:36 AM
Hi Copleston,
Thanks for your solution😊. It may really help someone who using Font Awesome icons.
Regards,
Hareesh
OSOka SugandiMay 28, 2020 04:32 AM
Hi Copleston,
Thank you very much for the simple solution!
Regards,
Oka Sugandi.
VMVengatesh Maniraj Syncfusion Team replied to Oka Sugandi May 28, 2020 04:36 AM
Hi Copleston,
Thank you very much for the simple solution!
Regards,
Oka Sugandi.
Hi Oka,
Please get in touch with us if you need any further assistance.