I had a page where I wanted to create a collapsible navigation menu and wanted to learn about the dijit tree widget. I’m pretty happy with the result. Note that I removed the branches and icons associated with the tree to give it a cleaner look. Is this a misuse of the tree widget? Probably, but it does result in a pretty slick menu that is easily maintainable since the hierarchy is stored in a json data file.

I am trying to make a toolbar in such a way that some of the elements are menu's. The toolbar menu elements show up under the toolbar buttons and are not visible. Any suggestions or should I try a different approach?

Thanks

dojo.require("dojo.parser");
dojo.require("dijit.Toolbar");
dojo.require("dijit.Menu");

var toolbar = new dijit.Toolbar ( {id: "toolbar"}, document.createElement ( "div" ) );
dijit.byId ( "menu" ).domNode.appendChild ( toolbar.domNode );

toolbar.addChild ( new dojo.form.Button ( {id: "idone", label: "one"} );

Hi, I'm having a really hard time understanding Dojo and how to use the wipeIn/Out effects. I've created some jQuery code to do exactly what I want but cannot seem to figure out how to convert it to Dojo. Can anyone help me with this?

I'm having trouble dynamically creating a dijit.Menu that opens with a left mouse button click. I have been successful dynamically creating a dijit.Menu that opens with a right mouse button click. I have also been successful declarative creating a dijit.Menu that opens with a left mouse button click.

I've include with this post some HTML that duplicates what works and what doesn't. The behavior of the HTML is the same in IE 6, FF 2/3, and Chrome. Hopefully, it will be simple to get up and running. Once it's running try the following...

Hi, looking at the GridCotainer as an example:
dojox/layout/tests/test_GridContainerBC.html

is it possible to have a menu box (like the one on the left) which can slide out so you can add new elements to the manin part of the page, without it changeing the width of all the comuns?

What I am after I suppose it is to float on top, like a layer, and allow you to drag elements out of it, then fold it away after..

Is this going to be possible?

On IE 6 and with Dojo 1.1.1, the menu items of the mail demo are
displayed one above next. With IE 7, it is worse: only the first menu
item is shown. At the other hand, the demonstration
http://dojotoolkit.org/demos/email-using-1-0 with Dojo 1.0 looks right
(I mean the menu items displayed side by side).

I'm using
IE 7.0.5730.13
IE 6.0.2900.2180.xpsp_sp2_gdr.070227-2254
FF 3.0.1

Please find below the screen dumps for IE 6, IE 7 and FF 3 (They are hosted by http://www.kadrane.com):

IE6

Hello all,

I have a rather large DropDownButton menu, which at 1024x768 extends the full height of the screen. However, the items above and below the screen can't be reached without scrolling the entire screen. I seem to recall menus being scrollable, so they reach a particular height and then scroll. Is there some way to force this? I tried setting the actual dijit.Menu object to have a height of 80% and overflow:scroll, but it didn't help.

(I figured this question had more to do with the Dojo event system rather than the Menu widget, so I'm posting it here, but if I should be asking this to the Dijit forum, please advise.)

I'm using a context menu to let users manipulate the selected element. For that, I'm using the event system by referring to Event Object section of the Book of Dojo.

In case any others out there are being plagued by the dijit.Menu bug where it won't cleanly destroy itself -- this is a work around until they get it fixed.

Do the following after a menu closes (by attaching to "onClose" event of the menu)

dijit.byId( '/*id of menu*/' ).destroy(); //removes dijit registry entry for menu itself

//finds the orphaned menus on the body dom node and deletes the widgets.
dojo.forEach( dojo.query( ".dijitMenuTable" ).map(dijit.byNode), function( widget ){ widget.destroy(); } );