CSS Problem EditForm Appointment

1 posts, 0 answers
  1. Carlos
    Carlos avatar
    7 posts
    Member since:
    Aug 2011

    Posted 22 Jan 2013 Link to this post

    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.

    <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;
    }
Back to Top