I need some customized behaviour on to MenuBar , means i want the contents of the MenuBar to be shown with the help of a seperator a shown ,
File | Edit | Format | View | Help
As you can see there is "|" appearing after each content of the MenuBar , PLease see the screen shot for sample
I am using Flex 3 .
The simplest way to achieve this in Flex 3 is using an HBox with Buttons and VRule components. Have some external logic loop that takes your data and dynamically creates the bar's controls and adds listeners to the Button instances.
This might be the stupidest response I've ever heard. It's vague and it would in no way be simple to build a MenuBar this way. MenuBar has an itemSkin style property. Try going that route and creating a custom skin to assign to the itemSkin style property. Inside your custom skin, you can add the seperator.
I apologize. That last post by me was uncalled for. I was having a bad day...and the MenuBar component was contributing to my bad day...