We have just purchased the RadControls for ASP.Net/Ajax, and I am working in .Net 3.5.
I have a radmenu nested in a splitter that's working fine in IE, but the dropdowns are not overlaying in Chrome.
aspx Code:
<%
@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="PMRep._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<link href="Styles.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="http://localhost/favicon.ico" />
<style type="text/css">
.menuPanes
{
overflow: visible !important;
}
.TelerikModalOverlay
{
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=10) !important;
background: blue !important;
opacity: .1 !important;
-moz-opacity: .1 !important;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManagerDefault" runat="server">
<Scripts>
<%
--Needed for JavaScript IntelliSense in VS2010--%>
<%
--For VS2008 replace RadScriptManager with ScriptManager--%>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
</Scripts>
</telerik:RadScriptManager>
<script type="text/javascript">
//Put your JavaScript code here.
</script>
<telerik:RadAjaxManager ID="RadAjaxManagerDefault" runat="server">
</telerik:RadAjaxManager>
<telerik:RadSkinManager ID="RadSkinManagerDefault" runat="server">
</telerik:RadSkinManager>
<div>
<telerik:RadSplitter ID="RadSplitterTop" runat="server" Orientation="Horizontal" Width="100%"
Height="32px">
<telerik:RadPane ID="RadPaneTop" runat="server">
<div style="position: relative; z-index: 100;">
<telerik:RadMenu ID="RadMenuHome" runat="server" Height="30px" Width="100%" Visible="True"
OnItemClick="RadMenuHome_ItemClick" OnItemCreated="RadMenuHome_ItemCreated"
OnItemDataBound="RadMenuHome_ItemDataBound" EnableShadows="true" ExpandDelay="5"
EnableOverlay="true" EnableTheming="true" EnableRoundedCorners="true">
</telerik:RadMenu>
</div>
</telerik:RadPane>
</telerik:RadSplitter>
<telerik:RadSplitter ID="RadSplitterMain" runat="server" Orientation="Vertical" Height="880px"
Width="100%">
<telerik:RadPane ID="MainPane" runat="server" Width="100%">
<telerik:RadMultiPage ID="RadMultiPageMainPane" runat="server" SelectedIndex="0">
<telerik:RadPageView ID="RadPageViewMain" runat="server" BackColor="Transparent" Height="800">
</telerik:RadPageView>
</telerik:RadMultiPage>
</telerik:RadPane>
</telerik:RadSplitter>
</div>
</form>
</body>
</html>
c#:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Windows.Forms;
using System.Web.Security;
using System.Data;
using System.Drawing;
using Telerik.Web.UI;
namespace
PMRep
{
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
FillRadMenuHome();
if (Request.QueryString["repGrp"] != null)
RadPageViewMain.ContentUrl = "/Reports/" + Request.QueryString["repGrp"].ToString() + "/Default.aspx";
if (Request.QueryString["repID"] != null)
Application["repID"] = Request.QueryString["repID"].ToString();
if (!IsPostBack)
{
RadSkinManagerDefault.Skin = RadSkinManagerDefault.GetSkinChooser().SelectedValue;
}
}
private void FillRadMenuHome()
{
PMRep.DataAccess.AppStructure.BuildMenu bm = new PMRep.DataAccess.AppStructure.BuildMenu();
DataTable dt = bm.DataSetMenuItems();
RadMenuHome.DataSource = dt;
RadMenuHome.DataTextField = "MenuItemText";
RadMenuHome.DataValueField = "MenuItemID";
RadMenuHome.DataNavigateUrlField = "MenuItemURL";
RadMenuHome.DataFieldID = "MenuItemID";
RadMenuHome.DataFieldParentID = "MenuItemParentID";
RadMenuHome.EnableShadows = true;
RadMenuHome.DataBind();
RadMenuItem btnHome = new RadMenuItem();
btnHome.Text = "Home";
btnHome.NavigateUrl = "../Default.aspx";
RadMenuHome.Items.Insert(0, btnHome);
RadMenuItem pmlogo = new RadMenuItem();
pmlogo.ImageUrl = "/Images/pmlogo.gif";
RadMenuHome.Items.Add(pmlogo);
RadMenuItem chooseritem = new RadMenuItem();
HtmlGenericControl div = new HtmlGenericControl("div");
RadSkinManagerDefault.ShowChooser = true;
div.Controls.Add(RadSkinManagerDefault);
chooseritem.Controls.Add(div);
RadMenuHome.Items.Insert(RadMenuHome.Items.Count, chooseritem);
RadMenuItem btnLogout = new RadMenuItem();
btnLogout.Text = "Log Out";
btnLogout.Style.Add("float", "right");
RadMenuHome.Items.Add(btnLogout);
}
protected void RadMenuHome_ItemCreated(object sender, RadMenuEventArgs e)
{
}
protected void RadMenuHome_ItemDataBound(object sender, RadMenuEventArgs e)
{
}
protected void RadMenuHome_ItemClick(object sender, RadMenuEventArgs e)
{
if (e.Item.Text == "Log Out")
{
FormsAuthentication.SignOut();
Response.Redirect(Request.RawUrl);
}
}
}
}
I've also noticed that the float: right doesn't seem to be rendering properly in chrome. I'd actually like the logout and skin chooser menu items to be aligned to the right, but I'm having issues with that too. I have tried palying with the z-index but that doesn't seem to help.
Any help would be greatly appreciated. Thanks!
1 Answer, 1 is accepted
Rank 2