Nice menus getting nicer

Nice menus is a great little module for creating dropdown and flyout menus in your Drupal site. My time to be a good maintainer for it varies wildly so it often sits dormant for long periods. Last week, during the Thanksgiving holiday, I dove back into the issue queue and after fixing a few bugs I spent most of my time playing with new features. The main things that I am excited about are things that will hopefully make version 2 of Nice menus, well, a little nicer.

I am not a JavaScripter by any means so adding optional JS features have been long-time requests that I have pretty much passed over. Enter the Superfish jQuery plugin though and I don't need to know JS for things to just work. The patch in the queue still needs a little bit of love (make it configurable and add some more features like hoverIntent) and plenty of testing, but I think this will be a really great addition for folks that want an easy to use JS menu that degrades nicely to CSS-only. You will be able to choose three JS settings: no JS at all (so CSS-only), minimal JS (that makes IE 6 work), and then full JS with Superfish. If you want to help test or tweak the patch, by all means hop into the issue.

The other biggie that still needs lots of love but I am determined to get done, is to add some different CSS styles to the module and let folks just pick one from a GUI. I think we can all agree that the default Nice menus styling is a bit drab. It is designed to just be a generic placeholder for you to do your own styling. My current plan is to start off with a handful, including the "classic" grey that it uses now, a stripped-down version that adds minimal styles to make it work decently but no colors, one that would look decently well in Garland and then maybe two more that just look nice and hopefully work OK with a number of contrib themes. This won't take away the need for CSS skillz to do customization, but I do hope to provide a few nice looking styles that could work for some people out of the box, as well as providing some "live" examples to work from and learn by when customizing on your own. The patch in the issue queue is a proof of concept and not the final vision, but help with the mechanics of the patch or work on new styles are welcome.

Other than these two biggies, there are lots of other little niceties for version 2, like being able to choose the depth of your menu, having active trail selectors, new menu directions (horizontal children is a common request), etc. I can't give a timeline for all of this of course, since it will be done as I have time, which is hard to come by. So, if you think this stuff is cool and want to see it sooner rather than later, the issue queue awaits your love and attention. :-)

Comments

I appreciate the hard work you put in on this and many other things.

edit - cool! Mollom thinks I'm a spammer!

This module makes building Drupal sites a lot friendlier. Btw, this post appeared totally unformatted (no line breaks) in my RSS reader. It may be just me, but you may want to look into that.

I am currently using suckerfish for a major project that I would like to convert to Drupal this winter. When this poped up in the RSS reader, it made me smile!

PS... my RSS reader showed the unformatted site as well. (NetNewsWire)

PSS... Mollom doesn't like me either.

I (and others) have occasionally had issues with Drupal Planet screwing up the HTML in the RSS feed for some reason. The feed I got through Planet is messed up but the feed that I get directly from my site was fine. Don't know what is happening there, but the feed is correct on my end. :-/

I loaded the Nice Menus module on a site I am building. It worked perfectly and was fairly simple to customize the CSS. I was able to copy the look of the Suckerfish menu from the previous site.

Feed looked fine in Google Reader, with Helvetireader.

That is exactly the case. I received the update via the Drupal Planet feed. Feed directly from your site is fine.

I have loved this module and continue to use it. I figured out how to adjust the css to suit my color/spacing needs by trial and error. It would be good to have some more comments/documentation for more novice users telling them which css to change to adjust which colors, etc. That would be easier to contribute than a GUI color picker (which would also be very cool).

Just today I was thinking of the way I'd like to comment out the default CSS, as well as adding a color key at the top so you could know right at the top which colors you can do a find and replace on real quick. I am *very* open to patches to that effect if anyone has the bandwidth. Grab nice_menus_default.css, comment the hell out of it and attach it to a new issue. I'll be on it.

Nice, nicer ... Nice menus!
Great job done.

The dev branch works great -- I *love* the active-trial class, where's it been my whole life?