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

[Solved] RadMenu Inside RadTab

1 Answer 162 Views

TabStrip

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

Betty asked on 05 Oct 2011, 05:00 PM

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

<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 ?

[Solved] RadMenu Inside RadTab

1 Answer, 1 is accepted