[BZ] MenuFlex 2.1.0

XF 2.3 [BZ] MenuFlex 2.1.0

Add-on xenforo 2

Ressources et modules complémentaires pour XenForo 2

Styles xenforo 2

Styles / Thèmes et apparence pour xenforo 2

Templates xenforo 2

Codes pour modifier les templates sur xenforo 2

Section Premium

Add-on et Styles pour membre Premium
  • ⚠️ Section Premium. Réserver aux Membres Premium ⚠️
[BZ] MenuFlex 2.1.0

XF 2.3 [BZ] MenuFlex 2.1.0

Catégorie Catégorie Add-Ons
Titre du sujet Titre du sujet [BZ] MenuFlex 2.1.0
Auteur de la discussion Auteur de la discussion laurent68
Date de début Date de début
Réponses Réponses 10
Affichages Affichages 301
Réaction Réaction 2
Dernier message par Dernier message par laurent68

laurent68

Fondateur

Staff
fondateur
Réputation: 100%
Discussions
5 104
Messages
13 381
Solutions
85
J'aime
8 157
Points
198
MenuFlex.webp

MenuFlex boosts XenForo’s navigation with three practical features: Open Menus On Hover, Tiered Menus, and Font Awesome Menu Icons.

It was designed to improve menu function and add visual appeal. It can be managed completely through the Admin Control Panel (ACP) with ease. MenuFlex is great for admins wanting more control without digging into code, and for those admins that want to dig deeper you'll find lots to play with and some "not yet documented" capabilities. MenuFlex provides a simple, effective way to enhance your site's user experience.

Features:
  • Open Menus On Hover brings mouse-over menu access to your site, targeted for desktops and other 'hover' capable devices. It can be enabled with a single ACP checkbox. It’s a quick, intuitive way to navigate, automatically falling back to clicks for non 'hover' capable devices (e.g. most mobile devices) or when disabled, ensuring everyone is always covered. This enhancement makes menus feel more responsive and user-friendly, streamlining the desktop experience with minimal setup. There have been a few Open On Hover "hacks" around for years, but they've always broke elements of the navigation system. This solution breaks nothing and integrates seamlessly with the existing XenForo navigation system.
Tiered Menus takes XenForo’s default flat menu view to a new level. Add nested menu tiers with a single ACP click to turn them on. Instead of a single-layer flat list, your navigation gains depth. Think main menus revealing submenus in a clean, organized drop-down structure that tames expansive menus into something more visually appealing. MenuFlex ensures these tiers adapt smoothly across all device sizes, built with responsiveness in mind to maintain accessible navigation whether on desktop, tablet, or phone. Combine with 'Open Menus On Hover', and those tiers reveal on mouse-over, enhancing both practicality and site engagement.

Font Awesome Menu Icons enhance your menus with eye-catching icons. This feature is seamlessly integrated with XenForo’s native Font Awesome icon sets (XF 2.3+). This add-on comes with 'Standard Icon Assignments' preselected for all XenForo, XenForo Media Gallery (if installed), and XenForo Resource Manager (if installed) menu options. Flip it on with just a couple checkbox options and/or dive deeper into the add-on options for more Font Awesome customization capabilities. Assign custom icon styling (Light, Regular, Solid, or Duotone) to all your icons with a single click. Want more customization control? Our custom singles, pairs, trios, and quads will allow you to customize your site’s Font Awesome icons individually with style and color. MenuFlex's Font Awesome Menu Icons will work with all XenForo's menu options, your personal menu options, or menu options created by any other XenForo add-on.

How To Add Custom Font Awesome Icons:
1) Find the menu options 'Navigation ID'. This can be found under: ACP: Setup > Public Navigation; select the navigation option you want to add an icon to the 'Navigation ID' will be the first input shown.

navid.webp


2) Take that 'Navigation ID' (navid) and apply it in the MenuFlex 'Font Awesome Custom Menu Icons' option as a single, pair, trio, or quad.

Font Awesome Custom Menu Icon Assignment Parts:
navid = XenForo Navigation ID
iconname = Font Awesome Icon Name
style = light, regular, solid, duotone, or brands
color = any valid color in the following formats: Named color, Hexadecimal, RGB(a), HSL(a), or XenForo Color ID

Font Awesome Custom Icon Types:
Singles: Use navid: (e.g., forum: ) to remove a standard icon assignment if you are using 'Standard Icon Assignments'.
Pairs: Use navid:iconname pairs (e.g., forums:comments) to add new icon assignments or override 'Standard Icon Assignments'.
Trios: Use navid:iconname:style trios (e.g., forums:comments:solid) to set a specific per-icon style.
Quads: Use navid:iconname:style:color quads (e.g., forums:comments:solid:red) to set a specific per-icon color.

Sample Input :
Code:
# Main Menu Items
home:home:solid:rebeccapurple
forums:comments:duotone:hsl(128, 100%, 50%)

Sample Output :

sample-menuflex-custom-menu-icons-ouput.webp


Ease Of Use :
With very little effort and just a few clicks you can give your menus a new sharp, professional look. Spend a little more time and dive into all the custom capabilities to get the most out of MenuFlex. Whether you like a minimalist look and just want to add icons to the Main Menu options, or want icons everywhere, this add-on will allow you customize as little or as much as you want.

Site Performance :
Performance was a priority when designing and building MenuFlex. MenuFlex keeps your customized navigation efficient by bundling all your enabled custom features and settings into a single compiled template which updates anytime you save changes from the options page. Most of the heavy lifting and compiling is done when saving your options, not on individual page loads. This streamlined approach makes this add-on extremely lightweight no matter how many options you select. Performance impact is so minimal it’s unnoticeable. MenuFlex is perfect for any XenForo admin looking to refine their site both visually and functionally, and you can't beat the price.

Télécharger V2.0.0 :

Version 2.0.1 - Enhancements and small bugfix :
  • Fix a small LESS bug
  • Major overhaul to CSS/LESS to further improve menu visuals and reduce some code redundancy when selecting multiple add-on options
  • Reorganized options page
  • Added 'Mega Menu' option (It is still in Alpha stage and should only be used in a testing environment, this is clearly marked in the options and is off by default on install).
After updating be sure to resave your setup options so your custom bzmf_final.less can be recompiled.
Télécharger V2.0.1 :

Version 2.0.2 - Enhancements and bugfix :
  • Fixed a couple small LESS bugs - including an issue when XenForo would not process color variables when imported from another LESS template
  • Major overhaul to CSS/LESS to further improve menu visuals and reduce some code redundancy when selecting multiple add-on options
  • Reorganized options page
After updating be sure to resave your setup options so your custom bzmf_final.less can be recompiled.

Télécharger V2.0.2 :

Version 2.0.3 - LESS Bugfix for Style Variables :
- Fixed a LESS bug that presented itself in Dark Mode
After upgrading MenuFlex you must always resave your setup options so your custom bzmf_final.less template can be recompiled.

Télécharger V2.0.3 :

Version 2.1.0 – Major Enhancements, New Icon Editor & Bug Fixes :

This release introduces a major overhaul of MenuFlex's Font Awesome icon configuration system, along with several enhancements, improvements, and bug fixes.

New Features & Enhancements
  • Completely redesigned ACP icon editor, replacing the previous Singles, Pairs, Trios, and Quads configuration system with an intuitive visual interface.
  • Navigation entries organized into dedicated tabs with expandable hierarchies, live icon previews, and icon-name suggestions.
  • Individual icon customization for styles, colors, rotations, and flips through the new Visual Options editor.
  • New Custom Targets management with configurable icon locations and cross-tab navigation links.
  • Direct integration with XenForo's native Public Navigation enable/disable controls.
  • Added JSON configuration Import/Export for backing up and restoring MenuFlex settings.
Fixes & Improvements
  • Improved Font Awesome icon assignments and coverage of XenForo navigation targets.
  • Corrected icon preview styling, colors, and Duotone rendering.
  • Improved LESS compilation, option-saving behavior, and dark-mode compatibility.
  • Updated mobile navigation breakpoint handling.
  • Added automatic migration of existing supported icon configurations when upgrading from 2.0.3.
  • Removed the experimental Mega Menu feature.
Important: Existing supported icon assignments are automatically migrated during the upgrade. MenuFlex also regenerates its compiled LESS automatically, so manually resaving settings after upgrade should no longer be necessary.

The redesigned editor makes MenuFlex significantly easier to configure while providing more flexibility for advanced icon customization.

Télécharger V2.1.0 :
 
Retour
Haut Bas