Comments on: Vertical MenuBar Component

By: alf_gon

alf_gon — Sun, 06 Dec 2009 23:32:56 +0000

Hi,

I’m trying to using it but it throws following error on Flex 3:

TypeError: Error #1009: Cannot access a property or method of a null object reference.
at mx.controls.listClasses::ListBase/drawItem()[E:\dev\3.0.x\frameworks\projects\framework\src\mx\controls\listClasses\ListBase.as:4906]

On previous posts it was mentioned that: “I seemed to have solved the issue by removing the if(wasNull) check from getMenuAt. ” but I have tried it and error remains.

Has anyone been able to solve this issue and execute the Vertical Menu Bar without errors on Flex 3?

Thanjs

By: roshni

roshni — Fri, 04 Dec 2009 08:24:33 +0000

nice work done. i used it in my project. thanks for source

By: Dave Collier

Dave Collier — Tue, 01 Sep 2009 17:24:39 +0000

Great job Doug

By: dilip

dilip — Mon, 15 Jun 2009 14:43:44 +0000

Hi,

How can we remove the space which comes on left-right side of menuitem?
I think its a default space for icon, but i dont required that space and i want to align the text vertically to the MenuBar text

Thanks

By: Sky

Sky — Wed, 06 May 2009 17:53:27 +0000

Hi, how I can set vertical gap?
thanks

By: Jonecir

Jonecir — Mon, 01 Dec 2008 02:46:21 +0000

Nice job! However, how can I change background colors when I move the mouse over the menu items?

By: Fahrudin Paljus

Fahrudin Paljus — Sun, 23 Nov 2008 00:50:39 +0000

Hi, this is great
If I can ask,how i can do rotate this for 90 CW?
This be usesful.

By: Dinesh

Dinesh — Wed, 17 Sep 2008 13:22:19 +0000

I find the same issue as Brian M
“This component was throwing errors in flex 3 when the users mouse rolled over an item with a sub menu then back to the heading then back to the sub menu item again. I seemed to have solved the issue by removing the if(wasNull) check from getMenuAt.”

However if I remove the if(wasNull) I still get the error, any ideas here?

By: Ken S

Ken S — Wed, 11 Jun 2008 20:53:19 +0000

Here’s a question regarding MenuBars and this one in particular (vert menubar). I am working on a menu navigation that uses this particular Vertical Menu Bar setup with a slight alteration so I can access root menu items (not every item has a sub menu).

HOWEVER, I need each root item to have its own unique skin. Anyone have any clue how to go about doing this. I have it represented in the XML file with each main root item having an attribute “skin” which has a link to the png skin I wish to have it be. The other catch is this also leads each root item to need its own down and over skin so I need to set that too.

Any clue anyone?

Thanks.

By: Brian M

Brian M — Tue, 13 May 2008 17:06:42 +0000

@ Steve N

I was having the same issue… There are probably better solutions but I ended up modifying this component to either display up or display down based on given arguments.

I used the direction getter and setter but changed the Direction static const to allow for an UP and DOWN Direction.

I also modified the following so the menu renders up or down instead of left or right
-getMenuAt(index:int)
-moveMenuOnShow(event:MenuEvent)
-shiftSubMenu(menu:Menu, parentMenu:Menu)
-shiftRootMenu(menu:Menu, menuBar:MenuBar, item:IMenuBarItemRenderer)

Because you do not need to redraw the menu to stand vertically you do not need to include
-updateDisplayList(unscaledWidth:Number,unscaledHeight:Number)
-measure()

This component was throwing errors in flex 3 when the users mouse rolled over an item with a sub menu then back to the heading then back to the sub menu item again. I seemed to have solved the issue by removing the if(wasNull) check from getMenuAt.

Hope this helps