Rank 1
On a webpage, i have a asp.net menu and a Telerik Scheduler.
It's fine , but only a little problem in rsAllDay css
This div generated by telerik scheduler will cover my menu.
I rewrited a style file like this:
.rsAllDay
{
z-index:-1;
}
but, it doesn't work.
Is there anyone know where the problem is?
Thanks
Vincent
4 Answers, 1 is accepted
I guess that the stacking order of the divs on your page is messed up. Could you please send us a live url where we can observe this glitch? Thanks
Best regards,
Yana
the Telerik team
Rank 1
i'm sorry , the whole page is in our internal network , i could not post it out by some policy.
could you please just simplely add a .aspx page , drag a mean on the scheduler. and add some sub menu, you can see this bug.
the telerik version is v2008.
Thank you
Vincent
here is the page code with nothing inside the .cs file:
is this can be fixed by css or something?
-----------------------------------------------------------------------------------
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Schedule.aspx.cs" Inherits="CH_Schedule" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<!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 runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<br />
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal">
<Items>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item">
<asp:MenuItem Text="New Item" Value="New Item">
<asp:MenuItem Text="New Item" Value="New Item">
<asp:MenuItem Text="New Item" Value="New Item">
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
</asp:MenuItem>
</asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item">
<asp:MenuItem Text="New Item" Value="New Item">
<asp:MenuItem Text="New Item" Value="New Item">
<asp:MenuItem Text="New Item" Value="New Item">
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
</asp:MenuItem>
</asp:MenuItem>
</asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
</asp:MenuItem>
</Items>
</asp:Menu>
<telerik:RadScheduler ID="RadScheduler1" runat="server"
DataEndField="ScheduleEnd" DataKeyField="ScheduleId"
DataRecurrenceField="RecurrenceRule"
DataRecurrenceParentKeyField="RecurrenceParentID"
DataStartField="ScheduleStart" DataSubjectField="ScheduleWhat"
DisplayRecurrenceActionDialogOnMove="True" Skin="Office2007"
onappointmentinsert="RadScheduler1_AppointmentInsert">
</telerik:RadScheduler>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:oaConnectionString %>"
SelectCommand="SELECT * FROM [Schedule]"></asp:SqlDataSource>
<telerik:RadTimePicker ID="RadTimePicker1" Runat="server" Culture="(Default)"
Skin="Office2007">
<TimePopupButton CssClass=""></TimePopupButton>
<TimeView Culture="(Default)" Skin="Office2007"></TimeView>
<DateInput Width="" LabelCssClass="" InvalidStyleDuration="100" Skin="Office2007"></DateInput>
<Calendar UseRowHeadersAsSelectors="True" UseColumnHeadersAsSelectors="True"
Skin="Office2007"></Calendar>
<DatePopupButton Visible="False" CssClass=""></DatePopupButton>
</telerik:RadTimePicker>
</div>
</form>
</body>
</html>
You are right, I was able to observe the issue. You should set bigger z-index to the menu like this:
1. set css class property to the menu:
<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" DynamicMenuStyle-CssClass="menuStyle"> <Items> ...2. add the following css to the <head> section of your page:
.menuStyle { z-index: 3000 !important; }Greetings,
Yana
the Telerik team
Rank 1