WPF - How to style the menu control to remove the left margin?

Question

I have added a default menu control to my user control. I need to style the menu to remove the left margin containing the space for the icon or checkbox. How can I do this?

Answer 1

It's not very straight forward, but you need to create a MenuItemStyle, easiest through Expression Blend:

It creates an extremely verbose set of templates and styles, and you need to edit the menu item to remove the fixed width first column of the grid, then in the SubMenuBorder ContentControl template, remove the rectangles which form the background shading. I've attached a sample project with margins removed. Download sample project here.