Styling the menu with rounded corners?

[plusHR]

Is there a way to round off the corners of the radmenu. I edited the template in expression blend and changed the corner radius however the border around the menu has not changed?

Thanks
Paul

[Dani]

Hello Paul,

If you modify the Border around the ItemsPresenter of RadMenu and add a CornerRadius, you can get the effect similar to the attached screenshot. To round off the corners, generate the RadMenu template in Blend and try using this sample:

<Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type telerik:RadMenu}">
                        <Border BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"
                        Padding="{TemplateBinding Padding}" CornerRadius="3">
                            <ItemsPresenter/>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>

I hope this helps.

Greetings,
Dani
the Telerik team