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

rsAllDay CSS Problem

4 Answers 36 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Vincent Lew
Top achievements
Rank 1
Vincent Lew asked on 20 Jun 2010, 06:31 AM
Dear All,

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

Sort by
0
Yana
Telerik team
answered on 23 Jun 2010, 12:16 PM
Hello Vincent,

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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Vincent Lew
Top achievements
Rank 1
answered on 23 Jun 2010, 01:52 PM
Dear Yana,

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>

0
Accepted
Yana
Telerik team
answered on 28 Jun 2010, 12:24 PM
Hi Vincent Lew,

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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Vincent Lew
Top achievements
Rank 1
answered on 30 Jun 2010, 01:27 AM
It works...thank you very much, Yana!!!
Tags
Scheduler
Asked by
Vincent Lew
Top achievements
Rank 1
Answers by
Yana
Telerik team
Vincent Lew
Top achievements
Rank 1
Share this question
or