It has finally come the time to release a first public alpha of the v2.0.0 code that I have been working on with varying intensity for quite a long time. This has taken me far longer than I would have liked due to many reasons (client projects, family, two kids and what not) but I am happy to finally share the code with the hopes that it will be useful to others.

SmartMenus Configurator

A new configurator tool is now available that allows configuring and testing your preferred navbar(s) layout and provides dynamic instructions/code samples based on the exact configuration. You can check it out at:

https://configurator.smartmenus.org

Docs

The docs for all future v2 releases will be available at:

https://docs.smartmenus.org

The source code of the configurator and docs is now hosted in the main repo at GitHub so please feel free to contribute and/or suggest any improvements.

Source code

You can find the code in the new 2.0.0-dev branch at GitHub:

https://github.com/vadikom/smartmenus/tree/2.0.0-dev

It has also been published to npm:

https://www.npmjs.com/package/smartmenus

What's new (in short)

• Complete rewrite of the JS code with no external library dependencies (jQuery) any more
• Refactored script options considering support for both single page applications (SPA) as well as (can we now call it old school?) full page reloads
• Support for arbitrary menu tree HTML structure via new script options
• Support for complete navbars (including nav toggler buttons, offcanvas/collapse elements, etc.)
• Support for split links - i.e. parent menu items that have both a link and a sub toggler
• Complete rewrite of the CSS code with support for many different navbar/nav variants (thousands of combinations supported)
• Highly customizable theme via CSS/SASS variables

Well, I think that's all for now. Happy coding!

What's new in 1.1.1

• A second click on a main menu item when "showOnClick: true" should hide the sub menu
• Update demos with Bootstrap 4.5.0
• Fix: Mouse input not detected correctly on Windows when pointer speed is set to any of the fastest 2 options and additionally "Enhance pointer precision" is unchecked
• Fix: Avoid Content Security Policy issue when valid JSON is used as "data-sm-options" value
• Fix: "showOnClick: true" should not affect collapsible mode behavior in any way
• Fix: Remove SHJS syntax highlighter source code from the repo
• Fix: Problem with markCurrentTree in megamenu
• Fix: Uncaught TypeError when clicking on items (that do not have a sub menu in certain cases) in collapsible mode

What's new in 1.0.2

We decided to update the old 1.0.x branch for those of you still using it with a fix for a pretty critical issue reported recently:

• Fix: Mouse input not detected correctly on Windows when pointer speed is set to any of the fastest 2 options and additionally "Enhance pointer precision" is unchecked

Download a 1.0.2 zip.

Project status update

Some of you have been concerned about the state of the project so I would like to take this opportunity to post a short status update.

In short - I have no plans of shutting down the project and I am already working on a new major release.

If you are interested in a longer explanation, I've posted a brief summary of the reasons behind the lack of any notable recent project activity:

https://github.com/vadikom/smartmenus/issues/105

As always, thanks a lot for your support! And I hope I would be able to share some good news soon (whatever "soon" means ). Keep it up and stay safe in these weird times!

What's new

• Support jQuery 1.7+ (no more 1.4.4+)
• Support jQuery "slim" versions
• New Bootsrap 4 addon
• New long requested option collapsibleBehavior
• Remove Compass dependency in the themes
• Change main module name from "jquery.smartmenus" to "smartmenus" in addons
• Replace bind/unbind, delegate/undelegate with on/off in the JS
• Replace :before/:after with ::before/::after in the CSS
• Fix: themes SCSS files renamed to avoid filename issue for @import in node-sass (e.g. from "_sm-blue.scss" to "_sm-blue-theme.scss")
• Fix: hideOnClick: true not working in collapsible mode if the menu item text is wrapped in a <span>
• Fix: isCSSOn() method not working properly when the main menu links have display set to anything other than inline
• Bootstrap addon fix: prevent issue in Chrome if display: flex is set to any .navbar-nav in desktop view
• Deprecate and remove overlapControlsInIE option

Multi-level navbar dropdowns with Bootstrap 4 made simple

Now that Bootstrap 4 has gone "beta" we thought it's the right time to finally release an official addon for it. The new Bootstrap 4 addon works exactly like the original Bootstrap (3) addon. You just need to include the JS/CSS files on your page and you are good to go with your multi-level dropdowns - everything should work automatically including full support for your Bootstrap 4 theme.

We have created a few demo pages with quick instructions (they're also included in the download package):

• SmartMenus Bootstrap 4 Addon (Navbar)
• SmartMenus Bootstrap 4 Addon (Navbar static top)
• SmartMenus Bootstrap 4 Addon (Navbar fixed top)
• SmartMenus Bootstrap 4 Addon (Navbar fixed bottom)

Thanks for your support! We hope you'll enjoy the new release as much as we do!

First, we are now launching a new online demos + themes gallery. We hope many of you will find useful the current samples and, of course, we do plan to add more soon.

And second, we are also releasing the maintenance v1.0.1 today. As the minor version bump suggests, it's mainly a maintenance release including some CSS bug fixes for the themes but there is also a handy new feature added:

• Added support for the data-sm-options attribute on the root <ul> element

This allows setting any custom options directly in the HTML source rather than passing them in the init function call. It is particularly useful when using the Bootstrap addon since users will not need to modify the addon source code any more if they just need to set some custom option.

As always, we are grateful to everyone that contributed to this release! Enjoy!

Now to some long-awaited news from us. More than 2 years after the first public release we are excited and happy to finally reach the v1.0.0 milestone. It's been a long journey, far, far longer than we initially planned and expected but we feel it was worth it and the project has evolved and matured into something we can proudly stand behind.

What's new since beta1

• Added AMD/CommonJS compatibility for the plugin and the addons - they are now also available as npm packages
• Added a few more main menu configuration samples on the default demo page
• Scrolling for long sub menus now uses hardware acceleration + requestAnimationFrame() when possible
• scrollInterval option deprecated as it's not needed any more
• Some tweaks to "sm-core-css.css" and the themes to simplify the script usage - e.g. set default z-index 9999 in "sm-core-css.css", set default sub menus width 12em, etc.
• New option noMouseOver - allows disabling onmouseover item/sub menus activation (i.e. make it possible to always behave like in touch mode and use just mouse clicks)
• new API event hideAll.smapi - fired when the whole menu tree is reset (e.g. on document click, onmouseout)
• Added support for data-sm-horizontal-sub attribute to allow creating horizontal sub menus (additional CSS required for styling the sub menus)
• Fix: bug with calling "refresh" method when adding a new sub menu
• Bootstrap add-on: rework the add-on to support dynamically created navbars - $.SmartMenus.Bootstrap.init() method now available
• Bootstrap add-on: fix isCollapsible() method to properly work with right floated main menu LI elements

Official support now available

As promised, with the v1.0.0 release we are now finally offering official (paid) support plans. So users who would like to rely on premium support, provided directly from the author of the script Vasil Dinkov, could now opt for it.

* Please note that TAX/VAT may apply for EU member countries in case you don't enter a VAT ID during the order process. Exact details are provided before the order is completed.

About our support

Why "premium"?
We call it "Premium support" because you will get it directly from the author of the script Vasil Dinkov. Another reason is that since August 2, 2001 when the first SmartMenus version was released, we have had many satisfied commercial licensees (Sony, IBM, Nordea, Financial Times, Renault, Lufthansa among the most popular) and that experience gives us confidence that we can meet the highest standards when supporting our products.

What are your working hours?
Support queries are processed Monday - Friday. Usually you should receive a response within 24 hours (unless you submit your request on Friday evening or during the weekend our time UTC/GMT +2 hours).

What do you call an "incident"?
An incident is basically a single case when you will need our support for a given issue. An incident may include extensive communication between us (discussions, multiple replies, etc.) until the issue is resolved and you are happy.

What kind of help can you provide?
We can assist you with your implementation in any way and resolve all kinds of issues like possible CSS or JavaScript conflicts with other scripts you may use, answer any technical questions you may have, provide you with step-by-step instructions and code samples, tweak your own code and send you working demos. In case you discover a bug, we will provide you timely with a fix and make sure the next release includes it so that you can safely upgrade in the future.

What is not included?
Note that while we can assist you in any way with your implementation, you will still need to do the implementation on your own. For example, we cannot do the complete implementation from scratch for you just based on your requirements but you can always rely on us for clear instructions and code samples how to achieve what you need.

Please don't hesitate to contact us if you have any questions.

What's next

Now that we reached our major milestone in the near future we do plan to concentrate on creating more demos (sample implementations, more themes, tutorials, etc.) that will help users to get started using the script quicker and easier.

Another notable thing to mention is the upcoming Bootstrap 4. We're already looking into it and exploring the opportunity to support it in a similar way to Bootstrap 3 with a small addon requiring zero configuration efforts.

Thank you!

Finally, we would like to thank you all for your support and contributions to the project through the years since 2001! It's been a long journey and we're very grateful to all of you the project is still going strong! :love:

What's new

Here are the most notable changes from the 0.9.x releases.

• Mobile first approach - notable changes in the script, core CSS and themes
• Ported all themes to SASS + Compass (could be easily replaced by Bourbon, etc. if desired)
• Made all themes RTL compatible out of the box
• Implemented ARIA attributes and improved keyboard navigation (in the script core and in the Keyboard Addon) - credits to Adobe for their valuable research http://adobe-accessibility.github.io/Accessible-Mega-Menu/
• Changed default collapsible mode behavior - added a dedicated +/- button to toggle sub menus
• Added support for data-sm-reverse attribute to allow reversing the horizontal alignment of a specific sub menu (check the docs for details)
• Bootstrap add-on: changed Bootstrap collapsible menus behavior - added a dedicated +/- button to toggle sub menus by default
• Bootstrap add-on: added support for data-sm-skip and data-sm-skip-collapsible-behavior attributes (check the docs for details)
• Bootstrap add-on: do not create SmartMenus .sub-arrow carets automatically any more. Bootstrap .caret carets can be added in the source like normally in Bootstrap instead

Upgrade from v0.9.x

Upgrading from a 0.9.x release is not very painless for those of you using vanilla SmartMenus jQuery (without the Bootstrap add-on) due to the fact that a mobile first approach is used now and this means that your existing theme's CSS will need to be updated to be mobile first. If you are using the script with the Bootstrap add-on, it is very easy to upgrade. We've written a short tutorial in the docs on upgrading covering all uses.

If you have any questions or suggestions, please don't hesitate to contact us or post in the forums.

Special thanks to everyone that contributed in any way to this major release! We really appreciate it! :love:

The conversion process is well documented in this great post at CSS Tricks, which helped us a lot, so we won't cover it in details:

http://css-tricks.com/the-move-to-bbpress/

What you need to know is that your old Vanilla user accounts should continue to work in the forums and all your posts should be preserved. We've also tried to style bbPress similarly to the Vanilla forums theme we used. So, hopefully, you won't feel any major negative effects of the transition.

Since the amount of SPAM accounts had grown immensely recently, we just took the step to remove all accounts that had zero posts. We're sorry if this affects any legitimate users but this was really the most sensible thing we could do about it.

If you have any questions, comments or suggestions, please don't hesitate to drop us a line.

• Removed menu layout tweaks and hacks for IE 6/7/8
• Switched to box-sizing: border-box;
• Long sub menus can now be scrolled via touch for fixed positioned menu bars
• Added Bower support
• and more...

Removed menu layout tweaks and hacks for IE 6/7/8

We've now removed all the tweaks and hacks from the JS and CSS code that were aimed at IE 6/7/8. This removes notable clutter from our code and improves performance in the current modern browsers. With this we, actually, do not drop completely support for those browsers. The menus should remain usable but with possible layout hitches mainly in IE 6 (e.g. possible unintended space between items, etc.) which is probably the case with your websites' layout too.

Switched to box-sizing: border-box;

As you may know, it's already been widely used by many popular frameworks (like Bootstrap, etc.) and simplifies some aspects of CSS and JS coding so we decided to make the jump too.

Though this change will probably not affect many existing solutions, please take a note if you are upgrading and test your current website just in case. Make sure to also update "sm-core-css.css" and "jquery.smartmenus.bootstrap.css" (if you are using the Bootstrap addon).

Long sub menus can now be scrolled via touch for fixed positioned menu bars

This is a new feature requested by some users. We've always allowed long sub menus that do not fully fit in the viewport height to be scrolled via mouse but some of you figured it was impossible to do it for fixed positioned menu bars when a mouse is not present. So now we're also supporting scrolling via touch for such sub menus. The feature is tested and works fine in the recent versions of all major mobile platform. Here is a quick demo:

Added Bower support

Not a big deal but worth mentioning. You can now install SmartMenus jQuery with Bower:

bower install smartmenus

Other fixes and notes

We've also fixed some issues like an unneeded horizontal scrollbar being triggered on RTL pages (make sure you update "sm-core-css.css" for this fix) and a z-index bug with the Bootstrap addon.

So, all in all, this is a rather major update. Enjoy!

As for v0.9.6, it's basically just another maintenance release on the road to v1.0.0. It features some bug and compatibility fixes both in the script core and the Bootstrap addon which is also bumped to v0.1.1 and should now work properly for those of you using jQuery in noConflict() mode.

By default Bootstrap supports just single-level dropdowns for navbars and lacks some important features like hover activation support for regular mouse-powered browsers, viewport size detection (meaning your dropdowns might appear outside the viewport and not be usable in some scenarios), scrolling support for long menus that do not fully fit in the viewport, auto width for the dropdowns with min/max settings, etc. The new super simple-to-use SmartMenus Bootstrat 3 addon brings all these and all other SmartMenus jQuery features to all Bootstrap 3 users.

Of course, we have demo pages with quick instructions for you (and they're also included in the download package):

• SmartMenus Bootstrap Addon (Navbar)
• SmartMenus Bootstrap Addon (Navbar static top)
• SmartMenus Bootstrap Addon (Navbar fixed top)
• SmartMenus Bootstrap Addon (Navbar fixed bottom)

Please don't hesitate to post your comments in the forums or via Twitter so we can nail down any possible issue we might have missed while testing internally.