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
;
}