[cXF] Navigation tab icons [Paid] 2.2

[BassMan]

BassMan submitted a new resource:

Navigation tab icons - Add icons to navigation tabs

This is labeled as Premium cXF DIY Customization. Access to code requires one of our cXF Membership, which gives you access also to our add-ons.

View attachment 165163

Icons are added only with Less code. You'll also get a simple guide how to add icons to any of your navigation tab.

Read more about this resource...

 

[Emre]

https://xenforo.com/community/resources/xenforo-2-x-x-navtab-menu-fontawesome-use-of.6010/

 

[BassMan]

 

[BassMan]

BassMan updated Navigation tab icons with a new update entry:

See description

• added code to customize off-canvas (mobile) menu icons
• optional code to edit icons for selected tabs

Read the rest of this update entry...

 

[oO5 Dynasty]

Anyway you can do a add-on, that just uses the icon for x1. So the nav would look like this.

 

[BassMan]

Not sure if I have enough time to play with XF1 now. This can be achieved, but it will take some time...

 

[oO5 Dynasty]

Not sure if I have enough time to play with XF1 now. This can be achieved, but it will take some time...

I hear ya, well maybe we can revisit this at a later time for a xen2 development for this. I am still on x1 thats why i asked about x1. Thank you for getting back to me.

 

[JasonBrody]

Seems it needs some update for XF 2.2 , after upgrading XF the 2 icon's margin changed:



Issue seems to be caused by:

margin-right: 5px;
}

 

[BassMan]

Seems it needs some update for XF 2.2 , after upgrading XF the 2 icon's margin changed:

View attachment 236175

Issue seems to be caused by:

margin-right: 5px;
}

Thank you for reporting it. I'll check this soon.

 

[BassMan]

BassMan updated [cXF] Navigation tab icons with a new update entry:

Updated for XF 2.2

• added the code for XenForo 2.2

Read the rest of this update entry...

 

[BassMan]

BassMan updated [cXF] Navigation tab icons for XF 2.1 and XF 2.2 with a new update entry:

Minor code change to XF 2.2.x

• only the first line of the code is changed (cleaned). This will cover also tabs with no link.

Read the rest of this update entry...

 

[BassMan]

BassMan updated [cXF] Navigation tab icons with a new update entry:

added support code

• added some extra code to better support [cXF] Vertical Navigation add-on

Read the rest of this update entry...

 

[hello2029]

How can I determine the data-nav-id of "Group," "Competitions," "Countdowns," "Calendar," and other elements?

 

[hello2029]

I tried like this but it doesn't work.

&[data-nav-id='home']:before {.m-faContent(@fa-var-home);}
&[data-nav-id='forums']:before {.m-faContent(@fa-var-comments);}
&[data-nav-id='whatsNew']:before {.m-faContent(@fa-var-bolt);}
&[data-nav-id='members']:before {.m-faContent(@fa-var-users);}
&[data-nav-id='xfrm']:before {.m-faContent(@fa-var-download);}
&[data-nav-id='xfmg']:before {.m-faContent(@fa-var-camera);}
&[data-nav-id='group']:before {.m-faContent(@fa-var-users);}
&[data-nav-id='competitions']:before {.m-faContent(@fa-var-trophy);}
&[data-nav-id='countdowns']:before {.m-faContent(@fa-var-hourglass-start);}
&[data-nav-id='calendar']:before {.m-faContent(@fa-var-calendar-alt);}
&[data-nav-id='chat']:before {.m-faContent(@fa-var-comments);}

 

[BassMan]

How can I determine the data-nav-id of "Group," "Competitions," "Countdowns," "Calendar," and other elements?

Inspect your website with a browser tool and find the [data-nav-id] value. Or check your public navigation ID in the admin panel.

 

[hello2029]

Inspect your website with a browser tool and find the [data-nav-id] value. Or check your public navigation ID in the admin panel.

Perfect, thank you very much!

 

[BassMan]

BassMan updated [cXF] Navigation tab icons with a new update entry:

Support for XenForo 2.3

• Support for XenForo 2.3

Read the rest of this update entry...