Login Register
Home » Support » Forums » Dijit (dijit.*, 0.9+) » Dijit Support » horizontal menu with dijit.menu

horizontal menu with dijit.menu

Submitted by manuv on Wed, 07/25/2007 - 07:08.

Hi,

I try making horizontal menu with dijit.menu, but with no success. I can only get vertical menus
I am porting from 0.4 to 0.9, and I'd prefer not to throw everything I have done before...

Thanks !

‹ dijit.wai has no properties v.9 dojo.data.JsonItemStore powering combobox for large recordsets? ›

Hi manuv,

Submitted by MattH on Wed, 07/25/2007 - 09:13.

as far as I know, the menubar is not implemented yet. But you can simulate it with a toolbar and buttons until the menubar is available.

MattH

Thanks a lot. Now another

Submitted by manuv on Wed, 07/25/2007 - 14:27.

Thanks a lot.
Now another question : will menubar be implemented one day ???

Widget status...

Submitted by ktiedt on Wed, 07/25/2007 - 14:56.

is covered in the porting guide...

-Karl

" MenuBar2,

Submitted by manuv on Thu, 07/26/2007 - 07:37.

"
MenuBar2, MenuBarItem2

These haven't been implemented yet, although you might be able to get by with using Toolbar and buttons instead of a MenuBar. See the Toolbar tests for examples.
"
...

I'm sorry, but the only answer I can read here is : maybe, or you can fix it with toolbar...
Besides, menubar has been replaced by menu (which works great), so why creating a new menubar ? Wouldn't the option "orientation=horizontal" in the dijit menu be sufficient ?

Toolbar

Submitted by MattH on Thu, 07/26/2007 - 09:15.

Isn't a menubar only a special toolbar (philosophically spoken)? I'd prefer to have a button for the menu, that opens after hoovering over it. I'm right now trying to extend the button widget with this functionality. That way I can have a "mixed" toolbar / menubar with very low effort.

MattH

Typically, "not yet" means

Submitted by ktiedt on Thu, 07/26/2007 - 14:31.

Typically, "not yet" means it will be. Thats my understanding of what the author of that page wrote.

-Karl

A short example code?

Submitted by remi on Tue, 08/14/2007 - 15:13.

Hi,

could this be a correct solution in order of simulate a menubar with dijit.Toolbar? It shows only the first submenu item "Test 1b" and not the item "Test 1c":

<div id="toolbar1" dojoType="dijit.Toolbar">
                <div dojoType="dijit.form.DropDownButton" id="toolbar1.test1">
                        <span>Test 1</span>
                        <div dojoType="dijit.form.Button" id="toolbar1.test1b" showLabel="true">Test 1b</div>
                        <div dojoType="dijit.form.Button" id="toolbar1.test1c" showLabel="true">Test 1c</div>
                </div>
    </div>

Remi

I decided to use an

Submitted by remi on Thu, 08/16/2007 - 09:02.

I decided to use an alternative, CSS based drop down menu in my application.

Serious problem with toolbar

Submitted by chishu on Mon, 08/20/2007 - 06:10.

Do you realize that a menubar with a toolbar has a serious problem?
That's due to event handler.
When you make a menubar with a toolbar and you click a DropDownButton, a menu will be open.
But nothing will happen if you move cursor to another button or tap right/left key.
The problem is that!
A menubar, impossible to switch menus via events, can't be called "menubar".
You should make independent Manubar widget, if possible which can include menubar buttons.
Then HTML will be more simple.

Sincerely,
chishu