How to stylize RadMenuItem's Sub-menu ?

3 posts, 1 answers
  1. palak
    palak avatar
    102 posts
    Member since:
    May 2011

    Posted 30 Jul 2012 Link to this post

    Hello Guys,

    I am using RadMenuItem as a top-level item, & on-click i am binding other radmenuitems in this radmenuitem vertically. When there are controls in any of these sub-radmenuitems, it opens pop-up on mouse-over. I want to control this pop-up menu in terms of look & feel, margin & all that. Main problem is , sub-radmenuitem's pop-up menu gets overlapping on main radmenuitem's vertical pop-up.

    How can i achieve this ?

  2. Answer
    Rosen Vladimirov
    Rosen Vladimirov avatar
    648 posts

    Posted 31 Jul 2012 Link to this post


    As described in your other forum post here we have created a sample project. In it we have extracted the RadMenu and RadMenuItem implicit styles from Telerik.Windows.Controls.Navigation in Themes.Implicit folder in your RadControls installation folder as shown in this blog post.
    If we understood you correctly you want to change the overlap between the submenu`s popup and the same submenu. To do this you can change the popup HorizontalOffset in the RadMenu and RadMenuItem implicit style (default set value is -1). We have done this in the attached project in the MenuImplicitStyles.xaml file:
    <!-- NOTE: changed from HorizontalOffset="-1"-->
    <Popup x:Name="PART_Popup" HorizontalOffset="3" VerticalOffset="-1">

    You can check the attached screenshot where the offset is marked with red.

    If this is not the behaviour you wanted and you have anything else in mind, please send us a screenshot what you expect (with overlapped popups) and if possible a sample project to reproduce the issue.

    You can contact us in case of any concerns and problems!

    Kind regards,
    Rosen Vladimirov
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. palak
    palak avatar
    102 posts
    Member since:
    May 2011

    Posted 01 Aug 2012 Link to this post

    Hi Rosen,

    I was playing with this horizontal offset & vertical offset. But don't know why it was not working. What i was doing wrong, that was i was setting these properties on [toplevelheadertemplate] controltemplate. I now corrected it & set it in [submenuheadertemplate] controltemplate. & it's done.

    Thanks a lot for quick help.

Back to Top