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

Style & appearance confilct with RadMenu and RadContextMenu one same Page

1 Answer 211 Views

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

Harald asked on 09 Nov 2018, 11:27 PM

radmenu1.png

radmenu2.png

Hello,

I have a RadMenu and RadContextMenu on the same page. This causes a conflict in the style & appearance of the RadMenu.
Please have a look at the two pages and the rendering of the RadMenu (see attached images).

1. Page with RadMenu alone, see Img RadMenu1.png.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestCntxMenu2.aspx.cs" Inherits="CMSNewTests.TestCntxMenu2" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadMenu RenderMode="Lightweight" ID="RadMenu1" runat="server" ShowToggleHandle="true" Skin="Bootstrap" IconColumnWidth="20">

<Items>

<telerik:RadMenuItem Text="Products">

<Items>

<telerik:RadMenuItem Text="Chairs" ></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Sofas" ></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Tables" ></telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</div>

</form>

</body>

</html>

2. Page with RadMenu and RadContextMenu, see Img RadMenu2.png.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestCntxMenu2.aspx.cs" Inherits="CMSNewTests.TestCntxMenu2" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadMenu RenderMode="Lightweight" ID="RadMenu1" runat="server" ShowToggleHandle="true" Skin="Bootstrap" IconColumnWidth="20">

<Items>

<telerik:RadMenuItem Text="Products">

<Items>

<telerik:RadMenuItem Text="Chairs" ></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Sofas" ></telerik:RadMenuItem>

<telerik:RadMenuItem Text="Tables" ></telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

<telerik:RadContextMenu runat="server" ID="RadContextMenu1" >

<Items>

<telerik:RadMenuItem Text="Add research field" Value="Add" />

</Items>

</telerik:RadContextMenu>

</div>

</form>

</body>

</html>

How can I achieve the style & appearance of the first image when using both controls on the same page? Why is the style & appearance changing at all when inserting the context menu?

Thanks for your answer and help,
Harald

Style & appearance confilct with RadMenu and RadContextMenu one same Page

1 Answer, 1 is accepted