jquery-ui dropdown menu style

Question

i am using jquery-ui 1.9.2 version which has a new menu option in there. Is there any way that i can change the menu style to be a drop-down just like http://onehackoranother.com/projects/jquery/droppy/#

I referred to http://wiki.jqueryui.com/w/page/12137997/Menu ,but those are plug-ins.

I do not want to use another plugin for this, i want to alter the same jquery-ui itself, is there any way to do this?

well, i just came to know that we have a menu bar property but it has been removed from the jquery-ui 1.9 versions, u can download it by searching it in google as jquery menubar plugin :) — jeev
– jeev, Commented Jan 24, 2013 at 7:15

The Maniac · Accepted Answer · 2013-05-30 19:16:07Z

2

You can use the position option to accomplish this. I'll whip up and add a fiddle with the details when I'm less busy, but the gist is:

$('#menu').menu({
    position: { my: 'left top', at: 'left bottom' }
});

Essentially that is telling jQuery UI to put the sub menu's top-left corner (my: 'left top') on the bottom-left corner of the parent element (at: 'left bottom').

You'll probably need to fiddle with the jquery.ui.menu.css file to get it exactly right. I actually ignore that CSS altogether most of the time.

answered May 30, 2013 at 19:16

The Maniac

2,6233 gold badges20 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery-ui dropdown menu style

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related