Webix 5.3 + Font Awesome 5.0.10 ???

Webix JS
1

Latest Webix v5.3 uses Font Awesome v4.7.0 (not the latest :)).

I use Font Awesome 5. Font Names and Prefixes in v5x differ from v4x.
Does anybody know how to marry Webix5 and FontAwesome5 ?

Also, I’m curious to check if Webix team already tried to migrate latest Webix to FA5.

2

I think this hack is also possible
https://snippet.webix.com/9nbujdt8
without changing default method, you only need to add required parent class after icon name. latter added will override default parent class.
if you want to globally use 5th version, you can use webix_skin_icon = "fas fa-";(or other preferred) and then use described above method if you want to override locally.

3

https://docs.webix.com/desktop__skins.html#customfonticonpacks

4

Hello @vagon333 ,
We plan this for the future release with leaving a possibility to include any external icon font.
But so far you can include the Font Awesome 5 globally and declare a specific marker for Webix icons on pages where you use Webix (as described here). It will change icon-related classes only for the library, without affecting the rest of your UI.

5

Thanks for a detailed answer.

6

FontAwesome 5 is divided into multiple name spaces - fas/far/fal/fab. It appears as though Webix 5.3.0 makes me pick only one of those? How can I mix and match a fas icon with a far icon?

7

set empty icon prefix

webix_skin_icon = "";

and use full icon name, like “fas fa-users” or “far fa-users”. It will harm some default icons though.

8

@intregal Thank you very much. Your hack was exactly what I needed!