Resource icon

Font Awesome on Menu and Sub Menus

Dermot

Member
Dermot submitted a new resource:

Font Awesome on Menu and Sub Menus - Add font awesome to Menu and Submenus

Add font awesome icons to menu and submenu drop downs.

More unicode font awesome codes can be found at Font Awesome Icon List

When you click single icon it will have unicode under the icon shown.



You can add colour anytime using the CSS color attribute.

To find missing menu items, just use F12/developer tools to find missing data navigation id.

Any questions, feel free to ask...
Read more about this resource...
 

Dnyan Deshmukh

Well-known member
Sub Menu.

Now i had installed another addong, which is working and gives same functionality which have name something like this [SC] Submenu
 

kankan

Well-known member
Hello all,
With UIX2 main category icon change > ok
but submenu icon not displayed > ko

Submenu HTML in source :

2018-04-06 12_41_47-Le Forum des Portables Asus.png
 

arnold

Member
why is my fa not displayed ?
i get a open square and not the free symbol i picked.

i try to use f54e, if i use f27b it is displaying fine.
do i need to install a'n extra font ?
 

Brad Padgett

Well-known member
why is my fa not displayed ?
i get a open square and not the free symbol i picked.

i try to use f54e, if i use f27b it is displaying fine.
do i need to install a'n extra font ?
It's likely due to Font Awesome 5 not being supported yet on Xenforo 2. You'll need to use only the Font Awesome 4 cheatsheet here:

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

Font Awesome 5 came out recently after Xenforo released and according to the devs would take a lot of work in order to upgrade the icon font but they plan to have it supported in XF 2.1
 

Dermot

Member
why is my fa not displayed ?
i get a open square and not the free symbol i picked.

i try to use f54e, if i use f27b it is displaying fine.
do i need to install a'n extra font ?
As brad stated, font awesome 5 has done things a lot different with breaking up the number of font classes, like FAB , FAS, FAR etc

Not to mention Pro versions of several icons.

In 4, it was just all FA which made it easy to implement, So as was mentioned, stick to version 4 icons for now available at https://fontawesome.com/v4.7.0/icons/

* Will update resource to show this.
 
Top