RadContextMenu not closing with custom header

[Ollie]

I have the following XAML for a context menu which has a DataTemplate to show custom menu content using a ContentPresenter, but it does not close when the content in the ContentPresenter is clicked, it only closes when I click on content outside of the ContentPresenter.

Why is this happening?

Also, why doesn't the ContentPresenter fill the available MenuItem header, even with 'Stretch' for both the horizontal & vertical alignment is does not fill the available space?

Thanks.

<telerik:RadContextMenu.ContextMenu>
    <telerik:RadContextMenu x:Name="radContextMenu" Placement="Bottom"
                    Visibility="{Binding Path=HasContextMenu, Mode=OneWay, Converter={StaticResource BooleanToVisibilityConverter}}"
                    ItemsSource="{Binding Path=ContextMenu, Mode=OneWay}">
        <telerik:RadContextMenu.Resources>
            <DataTemplate DataType="{x:Type vm:MenuCustomViewModel}">
                <telerik:RadMenuItem x:Name="CustomMenuItem"
                                Command="{Binding Path=Command, Mode=OneWay}">
                    <telerik:RadMenuItem.Header>
                        <ContentPresenter x:Name="MenuContentPresenter"
                                    Content="{Binding Path=Content, Mode=OneWay}">
                        </ContentPresenter>
                    </telerik:RadMenuItem.Header>
                </telerik:RadMenuItem>
            </DataTemplate>
            <DataTemplate DataType="{x:Type vm:MenuSeparatorViewModel}">
                <Separator />
            </DataTemplate>
        </telerik:RadContextMenu.Resources>
    </telerik:RadContextMenu>
</telerik:RadContextMenu.ContextMenu>

[Rosen Vladimirov]

Hi Ollie,

Thank you for contacting us.

When you use DataTemplate for your menu items, they are always wrapped inside RadMenuItem container. So in your case your RadMenuItem from the DataTemplate is wrapped in another RadMenuItem. And when you click on the inner one, RadContextMenu cannot understand that one of its items has been clicked.
In your scenario I recommend you to use ItemContainerStyle of RadContextMenu and bind Header and HeaderTemplate (if necessary) properties. If you want to have different styles based on the menu item type, you can use ItemContainerStyleSelector. I've prepared a sample project to demonstrate its usage. Please give it a try and inform us in case you have any problems or concerns.

Also you can check this article which demonstrates how to use ItemContainerStyle. Hope this helps.

Regards,
Rosen Vladimirov
Telerik

[Ollie]

Thanks for the help, it helped solve the problem