Develop Reference

How can I make the checkmark in this MenuItem respect the overall Foreground color?

I am making a menu using MenuItem controls placed inside of a StackPanel.
Here's an example of the menu item XAML:
<Border Grid.Column="1"
Background="Black"
BorderBrush="{x:Static SystemColors.ActiveBorderBrush}"
BorderThickness="1"
Opacity="0.8"
Padding="3">
<StackPanel Orientation="Vertical">
<MenuItem Foreground="White"
Header="Show Mini Map"
IsCheckable="True"
IsChecked="{Binding ShowMiniMap, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
...more items...
</StackPanel>
</Border>
...and here's what it looks like on-screen:
You can see how the checked items have the usual blue ring around the checkmark, and the checkmark is there...it's just black. Why does it not respect the item's Foreground property?
Is there a way to make it do so without having to take on maintenance of a gazillion-line template override? The examples I've found online thus far are incredibly ridiculous for such a small thing.

How to show context menu on a ListBoxItem template on a grid when right-clicking outside the contents of it?

Hello,
I have a ListBox.ItemTemplate (containing obviously a DataTemplate) containing a Grid which itself contains a Label.
The Grid has a Grid.ContextMenu. The issue is that the ContextMenu only shows when I right click on the Label. Not outside.
Here is an image to show the problem if you didn't understand (But I am sure you did ;) !)
Here is the code :
<ListBox.ItemTemplate>
<DataTemplate>
<Grid Margin="0,0,0,1">
<Grid.ContextMenu>
<ContextMenu>
<MenuItem CommandParameter="{Binding}" Command="{Binding Source={x:Reference window}, Path=DataContext.DeleteCommand}" Header="Supprimer">
<MenuItem.Icon>
<Image Source="/SchoolTools.Teacher;component/Images/DeleteIcon.png" />
</MenuItem.Icon>
</MenuItem>
</ContextMenu>
</Grid.ContextMenu>
<Label Content="{Binding ClassYear}" Padding="0"
HorizontalAlignment="Center" />
</Grid>
</DataTemplate>
</ListBox.ItemTemplate>
Thanks !

Change the label's HorizontalAlignment to Stretch so that it fills the entire grid cell.

Putting a drop shadow on a menu item box

This is my first attempt at creating an application, so apologies if my questions are misformed or misplaced.
First a question of terminology: when you click on 'file' in a menu bar and a little box appears below with options like 'quit' and 'save,' what's this box called? Is this just called a 'context menu'?
Second: how can I put a drop shadow on this box? I've seriously been tinkering and googling for the longest time with no luck. For some reason the default in visual studio express 2013, at least as I'm using it, seems to be no shadow, which looks pretty odd imo. Here's the relevant XAML:
<Menu x:Name="MenuBar" HorizontalAlignment="Stretch" Height="27" Margin="-20,-36,140.4,0" VerticalAlignment="Top" Width="Auto" Foreground="Black" RenderTransformOrigin="0.5,0" Background="#FFE5E5E5">
<MenuItem x:Name="File" Header="File" Height="27" Width="39" TextOptions.TextHintingMode="Animated" Foreground="#FF323334" BorderThickness="0" BorderBrush="{x:Null}" Margin="1,0,4,4" Padding="6,0">
<MenuItem x:Name="Save" Header="Save" HorizontalAlignment="Left" Width="139.2" Click="Save_Click"/>
<MenuItem Header="Quit" HorizontalAlignment="Left" Width="139.2" Click="MenuItem_Click" Background="{x:Null}" BorderBrush="{x:Null}" UseLayoutRounding="False"/>
</MenuItem>
</Menu>
Thanks in advance for any help!
EDIT: I ended up getting my answer elsewhere.

Adding drop shadow on a menu item box

This is my first attempt at creating an application, so apologies if my questions are misformed or misplaced.
When you click on 'file' in a menu bar and a little box appears below with options like 'quit' and 'save,' how do I put a drop shadow on this box? I've seriously been tinkering and googling for the longest time with no luck. I feel like I've exhausted the options in visual studio and tried various code in my xaml. Here's the relevant XAML:
<Menu x:Name="MenuBar" HorizontalAlignment="Stretch" Height="27" Margin="-20,-36,140.4,0" VerticalAlignment="Top" Width="Auto" Foreground="Black" RenderTransformOrigin="0.5,0" Background="#FFE5E5E5">
<MenuItem x:Name="File" Header="File" Height="27" Width="39" TextOptions.TextHintingMode="Animated" Foreground="#FF323334" BorderThickness="0" BorderBrush="{x:Null}" Margin="1,0,4,4" Padding="6,0">
<MenuItem x:Name="Save" Header="Save" HorizontalAlignment="Left" Width="139.2" Click="Save_Click"/>
<MenuItem Header="Quit" HorizontalAlignment="Left" Width="139.2" Click="MenuItem_Click" Background="{x:Null}" BorderBrush="{x:Null}" UseLayoutRounding="False"/>
</MenuItem>
</Menu>
Thanks in advance for any help!
EDIT: I ended up getting my answer eslewhere

You just need to create your own Template
here's a link on how to ovveride the default MenuItem Style

ContextMenu in WPF is too wide

I've got a problem with my ContextMenu in WPF. The menu is far too wide- it's the width of the items I put on it, plus about fifty-a hundred pixels. So when you open the menu, instead of being a clean list of options or buttons, there's loads of greyspace on each side. How can I fix this?
Edit: Here's my XAML for the menu:
<ContextMenu Padding="0">
<Button Content="Close Tab" Height="23" Name="closetabbutton" Width="75" Margin="0,0,0,0" Click="closetabbutton_Click" />
<TextBox Height="23" Name="renamebox" Width="75" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ClipToBounds="True" TextChanged="renamebox_TextChanged" />
<Button Content="Close Menu" Height="23" Name="closemenubutton" Width="75" Margin="0,0,0,0" Click="closemenubutton_Click" />
</ContextMenu>

The space is reserved for icons on the left, and input gesture text (e.g. Ctrl+C) on the right. This is by design.
If you wish to change this, you'll have to create your own ContextMenu style. Here's an example of how to do this:
http://www.dev102.com/2008/06/20/how-to-create-a-wpf-custom-context-menu/
Update
Further to my question comment, MenuItems would normally be used where you have used buttons. For example:
<Grid.ContextMenu>
<ContextMenu>
<MenuItem Name="mnuClose" Header="Close tab" InputGestureText="Ctrl+C" />
<MenuItem Name="mnuRename">
<MenuItem.Header>
<TextBox Name="txtRename" Width="100" />
</MenuItem.Header>
</MenuItem>
</ContextMenu>
</Grid.ContextMenu>