My issue is simple, the editform in RadScheduler is showing behind to other appointments, but this bug only happen in IE 8.0.7601.17514. I try to change the css, but I dont have clue to change this behavior. Please help me!! I can't change the version of IE because is the standard in all machines.
My css.
<InlineEditTemplate> <div class="rsCustomAppointmentContainer"> <span class="rsCustomAppointmentContainerInner"> <div style="float: left"> <asp:Label ID="Label4" runat="server" Text="Option:" CssClass="inline-label"></asp:Label> <asp:Label ID="Label6" runat="server" Text='<%# Bind("ID") %>'></asp:Label> <asp:Label ID="Label1" runat="server" Text='<%# Bind("Subject") %>'></asp:Label> <asp:LinkButton ID="LinkButtonOpt" runat="server" CommandName="Link" Text='more info ...'></asp:LinkButton> <%--<asp:TextBox ID="TitleTextBox" runat="server" Text='<%# Bind("Subject") %>' TextMode="SingleLine" ReadOnly="true"></asp:TextBox>--%> </div> <div style="float: left"> <asp:Label ID="Label2" runat="server" CssClass="inline-label">Initial Date:</asp:Label> <telerik:RadDatePicker runat="server" ID="InitialDateRadDatePicker" SelectedDate='<%# Bind("Start") %>' MinDate="1900-01-01" OnSelectedDateChanged="Initial_SelectedDateChanged"> <DatePopupButton Visible="True" /> <DateInput ID="DateInput2" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false" /> </telerik:RadDatePicker> </div> <div style="float: left"> <telerik:RadNumericTextBox ID="job_durationTextBox" runat="server" Type="Number" NumberFormat-DecimalDigits="0" MinValue="1" OnTextChanged="jobDuration_TextChanged" Width="100%" Label="Duration:"> </telerik:RadNumericTextBox> </div> <div style="float: left"> <asp:Label ID="Label3" runat="server" CssClass="inline-label">Final Date:</asp:Label> <telerik:RadDatePicker runat="server" ID="FinalDateRadDatePicker" SelectedDate='<%# Bind("End") %>' MinDate="1900-01-01" OnSelectedDateChanged="Final_SelectedDateChanged"> <DatePopupButton Visible="True" /> <DateInput ID="DateInput1" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false" /> </telerik:RadDatePicker> </div> <div style="float: left"> <span class="inline-label">Stage:</span> <telerik:RadComboBox ID="StageAuxComboBox" runat="server" SelectedValue='<%# Bind("cvp_stage_id") %>' DataSourceID="StageDataSource" DataTextField="cvp_stage_name" DataValueField="cvp_stage_id"> </telerik:RadComboBox> </div> <div> <asp:Button ID="InsertButton" runat="server" CommandName="Update" Text="Update"> </asp:Button> <asp:Button ID="InsertCancelButton" runat="server" CommandName="Cancel" Text="Cancel"> </asp:Button> </div> </span> </div> </InlineEditTemplate>My css.
.noresults{ opacity: 0.4; filter:alpha(opacity=40); /* For IE8 and earlier */} .RadScheduler .rsCustomAppointmentContainerInner{ display: block; padding: 2px 0 0 2px; z-index: 1000 !important;}.RadScheduler .rsCustomAppointmentContainerInner *{ position: relative; z-index: 100 !important;}.rsCustomAppointmentContainer{ width: 100% !important; height: 100% !important; }.RadScheduler .rsAptEditSizingWrapper{ left:0px !important; top:0px !important; }.rsApt{ z-index: -1;}