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

CSS Problem EditForm Appointment

0 Answers 50 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Carlos
Top achievements
Rank 1
Carlos asked on 22 Jan 2013, 03:38 PM
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;
}

No answers yet. Maybe you can help?

Tags
Scheduler
Asked by
Carlos
Top achievements
Rank 1
Share this question
or