Adding round edges to drop down Navigation?

2 posts, 0 answers
  1. Brett
    Brett avatar
    1 posts
    Member since:
    Aug 2013

    Posted 13 Aug 2013 Link to this post

    How does one add a rounded bottom to one of the drop down navigation windows? I was working away at .RadMenu_Metro .rmGroup (I am working from the metro template) and am able to set a static height, but adding a bottom padding or something similar to add a background image just isn't working. Is there a way to do such things without styling another clickable button? Not all of my sub menus are the same length and I would like them not all to be.

    I want something similar to this:
    (again, just looking for the rounded corners on the bottom of the drop down menu)
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 14 Aug 2013 Link to this post

    Hi Brett,

    Please try the following code snippet I have tried which works fine at my end.

    <telerik:RadMenu ID="RadMenu1" runat="server" DefaultGroupSettings-Flow="Vertical"
            <telerik:RadMenuItem runat="server" Text="Item1">
                <GroupSettings ExpandDirection="Down" />
                    <telerik:RadMenuItem runat="server" Text="Item1.1">
                    <telerik:RadMenuItem runat="server" Text="Item1.2">
                    <telerik:RadMenuItem runat="server" Text="Item1.3">
                    <telerik:RadMenuItem runat="server" Text="Item1.3">

    <style type="text/css">
        .RadMenu_Metro .rmGroup
            border-bottom-right-radius: 15px !important;
            border-bottom-left-radius: 15px !important;

  3. DevCraft R3 2016 release webinar banner
Back to Top