Forums

Hi everyone,

I was considering the MenuNav plugin for a feature I'm building. It seems to fulfill what I'd need, but it'll need some modifications.

1. It will have no submenus
2. I will need to change the default coloring of the highlighted state
3. The menu will always be visible.
4. Each menu item will have a name/label and a link the user can click. When the link is clicked, a Y.Panel will open allowing the user to edit the details of the selected menu item.

So the way I'm using the MenuNav is slightly different than intended. I'll be using it more for it's ability to display a List (probably a Y.ModelList) and the built in functionality for highlighting the active row on mouse rollover.

Is there anything I should be careful of? Should I perhaps use a 1 column Y.DataTable instead? Or just roll my own solution?

edit: i just realized the YUI3 DT doesn't have the mouse rollover highlighting functionality. So scratch that thought.

Thanks.

Hi Juan,

You might be right. I didn't think of using CSS! Currently, I need to support IE8+, latest versions of Chrome and FireFox so I think a CSS trick should work for all the browsers I need to support.

That being said, I tried out a simple example of the MenuNav. It's pretty simple and would work for what I need.

Regardless of the solution, I'd need a Y.ModelList to keep track of the state of each item that will be displayed and a Y.View to render the view when the ModelList is modified.

Thanks.