Icon css always gets prefixed with fa-

Hiho,

I am making my first Webix app with the pro version and having a difficulty replicating the bank demo app sidebar. I checked now always around but whatever i do it always adds fa- as prefix for the icons, while i can see it doesnt do that in the demo app. I assume there might be something off through the webix version, so far i try to keep it simple and replicate step by step on my own the bank demo, and so far all is good, beside this icon problem driving me crazy, so i could do " mdi mdi-school" and it works but with a “fa-” class in it :wink: if i do not make a space before it gets messed up. I do include the material design icons css. Here the sidebar view part:

{
view:“sidebar”,
css:theme,
width:200,
collapsed:(screen !== “wide”),
data:[
{ id:“courses”, value:(“Courses”), view:“icon”, icon:“mdi mdi-school” },
{ id:“reports”, value:
(“Reports”), icon:" mdi mdi-monitor-dashboard" },
{ id:“demographics”, value:(“Demographics”), icon:" mdi mdi-account-box" },
{ id:“achievements”, value:
(“Achievements”), icon:" mdi mdi-account-box" },
{ id:“account”, value:_(“Account”), icon:" mdi mdi-account-box" }
]
}

Hi,

I think “mdi” are icons of webix “fa-” are icons of fontawesome.

Class with “fa-” as prefix come from https://fontawesome.com/, check this page Font Awesome and copy cdn , paste in the head of your index page and use “fa-” font awesome icons.

mdi is the material design icons, which are indeed the default ones but just a subset, i use the full custom icons, which is explained in the documentation, but that still leads to this fa- prefix which shouldn’t happen according to the docs, so i want to understand what it is coming from.

https://docs.webix.com/desktop__icon_types.html

Hello,

Please check the following snippet: https://snippet.webix.com/uzhgflux

As you can see, icons are correctly painted in HTML without any fa- prefix in markup. Please, make sure you use Webix version 6.0 or higher.

Aaaahhhh I just see it, in the package.json of the demo there is webix-pro 5.3.0 and not 6.0.0 and I (naturally) just copied that over. That was stupid, thanks for the hint!