We are trying to use the YUI 3: MenuNav Node Plugin to have a consistent menu across all pages in all communities and personal public and private pages. I am new to using YUI and Alloy.

Basically when I use this "use("node-menunav", function(Y)" the system cannot locate node-menunav.js file.

I thought the idea behind lazy load with YUI is that I didn't have to add separate script calls to mark up.

Can anyone be us assistance?

Thanks

Bob

OK. I seemed to have solved half of my problem. When I set javascript.fast.load=false it started to find the proper js files. Not sure why the combo call was failing but I'll deal with that later.

For anyone else reading or attempting this (and new to Alloy) you need to change the yui3- class prefixes to aui- for the menu examples.

Now I am trying to make the horizontal menu work, however nothing I have tried has worked. Has anyone used the horizontal menu? Would you mind posting an example?

Thanks

Bob

The issue with the horizontal menu is related to the css. AUI has css for menu items but not menu-horizontal.

Is there a way I can override the aui class name prefix and revert to yui3 for use in my menu or is there an approved way to use standard YUI css files that are not a part of Alloy?

Bob

Are you still looking for solution?

I got sidetracked but I would still like to know if there is an answer.

I have used same YUi 3.2 horizontal menu by following: http://yuiblog.com/sandbox/yui/3.2.0pr1/examples/node-menunav/node-menunav-3.html

Adding the code after the nav structure (Div containing <ul><li>) worked for me:
<script type="text/javascript">

YUI().use("node-menunav", function(Y) {
var menu = Y.one("#navigation");

menu.plug(Y.Plugin.NodeMenuNav, {lazyload: true, submenuHideDelay:500, mouseOutHideDelay:1000 });
/*Show the menu now that it is ready*/
menu.get("ownerDocument").get("documentElement").removeClass("menu-loading");

});
</script>