Styling the menu with rounded corners?

2 posts, 0 answers
  1. plusHR
    plusHR avatar
    58 posts
    Member since:
    Aug 2012

    Posted 14 Apr 2011 Link to this post

    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?

  2. Dani
    Dani avatar
    848 posts

    Posted 15 Apr 2011 Link to this post

    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">
                        <ControlTemplate TargetType="{x:Type telerik:RadMenu}">
                            <Border BorderBrush="{TemplateBinding BorderBrush}" 
                            BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" 
                            Padding="{TemplateBinding Padding}" CornerRadius="3">

    I hope this helps.

    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft banner
Back to Top