This is a migrated thread and some comments may be shown as answers.

Adding round edges to drop down Navigation?

1 Answer 69 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Brett
Top achievements
Rank 1
Brett asked on 13 Aug 2013, 02:36 PM
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: http://blog.karachicorner.com/blog-images/039/jquery-menus/jquery-drop-down-menus-1.jpg
(again, just looking for the rounded corners on the bottom of the drop down menu)

1 Answer, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 14 Aug 2013, 07:56 AM
Hi Brett,

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

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

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

Thanks,
Shinu.
Tags
Menu
Asked by
Brett
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Share this question
or