Hello
I'm trying to place a RadMenu inside of a RadTab, and position the menu such that the menu would display below the tab and the top level menu item would be beside the tab text. However, I'm not having much luck doing so. I'm using following code snippet
However, the menu is under the button text and not beside it. Is there any way to achieve this ?
I'm trying to place a RadMenu inside of a RadTab, and position the menu such that the menu would display below the tab and the top level menu item would be beside the tab text. However, I'm not having much luck doing so. I'm using following code snippet
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <style type="text/css"> div.RadMenu a.rmLink .rmLeftImage { position: relative; } div.RadMenu .rmItem .rmLink .rmLeftImage, div.RadMenu .rmItem .rmLink, div.RadMenu .rmLink .rmText { margin: 0; padding: 0; } .RadTabStrip .rtsLevel, .RadTabStrip .rtsUL, .RadTabStrip .rtsLI { float: left !important; overflow: visible !important; } </style></head><body> <form id="form1" runat="server"> <div> <telerik:RadScriptManager ID="RadScriptManager" runat="server"> </telerik:RadScriptManager> <telerik:RadTabStrip ID="RadTabStrip" runat="server" Skin="WebBlue"> <Tabs> <telerik:RadTab Text="Test 1" Selected="true" /> <telerik:RadTab Text="Test 2" /> <telerik:RadTab Text="Test 3" /> <telerik:RadTab Text="Test 4"> <TabTemplate> Test 4 <telerik:RadMenu ID="RadMenu" runat="server" Skin="" EnableImagePreloading="true" DefaultGroupSettings-OffsetY="-1"> <Items> <telerik:RadMenuItem ImageUrl="~/Images/downarrow.png"> <Items> <telerik:RadMenuItem Text="Menu Item 1" /> <telerik:RadMenuItem Text="Menu Item 2" /> </Items> </telerik:RadMenuItem> </Items> </telerik:RadMenu> </TabTemplate> </telerik:RadTab> <telerik:RadTab Text="Test 5" /> <telerik:RadTab Text="Test 6" /> <telerik:RadTab Text="Test 7" /> <telerik:RadTab Text="Test 8" /> </Tabs> </telerik:RadTabStrip> </div> </form></body></html>However, the menu is under the button text and not beside it. Is there any way to achieve this ?
1 Answer, 1 is accepted
0
Betty
Top achievements
Rank 1
Rank 1
answered on 05 Oct 2011, 06:14 PM
I found the answer.
div.RadMenu { position: relative; bottom: 15px; left: 40px; }