Styling the RadMenu

In order to style a RadMenu element, you can set the Style property of the control or create an implicit style targeting RadMenu.

Targeting the RadMenu Element

In order to style all RadMenu elements in the application, you can create an implicit style targeting RadMenu as demonstrated in the Example 1.

Example 1: Styling RadMenu

<Grid> 
    <Grid.Resources> 
        <!-- If you are using the NoXaml binaries, you will have to base the style on the default one for the theme like so:  
        <Style TargetType="telerik:RadMenu" BasedOn="{StaticResource RadMenuStyle}">--> 
 
        <Style TargetType="telerik:RadMenu"> 
            <Setter Property="Background" Value="Red" /> 
        </Style> 
    </Grid.Resources> 
    <telerik:RadMenu VerticalAlignment="Top" > 
        <telerik:RadMenuItem Header="File" /> 
        <telerik:RadMenuItem Header="Edit" /> 
    </telerik:RadMenu> 
</Grid> 

Figure 1: RadMenu with red Background in the Fluent theme

RadMenu with red Background in the Fluent theme

In order to learn how to further modify the control by extracting its ControlTemplate, read the Editing Control Templates article.

See Also

In this article