Expanding an appointment in RadScheduler is not showing the shadow in Internet Explorer

[Pallav]

I have a telerik:RadScheduler control in my page. We can expand this slot by dragging from the bottom. Internally the appointment is getting changed. But while expanding, it is not displaying the shadow at the background. This issue is occuring in Internet Explorer, while it is working properly in Google Chrome. Can anyone please help me on this.

<telerik:RadScheduler ID="RadSchedulerReceivingBay" runat="server" GroupBy="Bay"
                  DataSourceID="ObjectDataSourceBookingScheduleItem" DataKeyField="BookingID" DataSubjectField="Vendor"
                  DataStartField="Start" DataEndField="End" Height="100%" 
                      Culture="en-GB" ShowAllDayRow="False" ShowDateHeaders="False" 
                      ShowFooter="True" ShowHeader="False" ShowNavigationPane="False" 
                      ShowViewTabs="False" MinutesPerRow="15"  
                      DayStartTime="05:00:00" Font-Size="8pt" 
                      onappointmentdatabound="RadSchedulerReceivingBay_AppointmentDataBound" 
                      onappointmentinsert="RadSchedulerReceivingBay_AppointmentInsert" 
                      onappointmentupdate="RadSchedulerReceivingBay_AppointmentUpdate" 
                      RowHeight="20px" 
                      StartInsertingInAdvancedForm="True"                       
                      onformcreating="RadSchedulerReceivingBay_FormCreating"
                      onformcreated="RadSchedulerReceivingBay_FormCreated"  
                      onappointmentdelete="RadSchedulerReceivingBay_AppointmentDelete" 
                      onclientappointmentmoving="OnClientAppointmentMoving" 
                      onclientappointmentdeleting="ResetTimer" 
                      onclientappointmentediting="ResetTimer" 
                      onclientappointmentinserting="ResetTimer" 
                      onclientappointmentmoveend="ClientAppointmentChangeConfirm" WorkDayEndTime="23:59:00" 
                      CustomAttributeNames="TimeStampString,IsBlocker" EnableCustomAttributeEditing="True" 
                      AdvancedForm-Modal="False" WorkDayStartTime="00:00:00" 
                      onclientappointmentresizeend="ClientAppointmentChangeConfirm" 
                      NumberOfHoveredRows="1" 
                      onappointmentcreated="RadSchedulerReceivingBay_AppointmentCreated" 
                      ondatabound="RadSchedulerReceivingBay_DataBound" 
                      onappointmentcommand="RadSchedulerReceivingBay_AppointmentCommand"
                       EnableEmbeddedSkins="true" EnableEmbeddedBaseStylesheet="true">

                      <AdvancedForm EnableCustomAttributeEditing="True" />

                    <ResourceTypes>
                        <telerik:ResourceType KeyField="ReceivingBayID" Name="Bay" TextField="Name" ForeignKeyField="ReceivingBayID"
                        DataSourceID="ObjectDataSourceBays" />
                    </ResourceTypes>

                    <AdvancedEditTemplate>                    
                    <uc2:BookingDetailControl ID="BookingDetailControl"  runat="server" Action="edit" />
                    </AdvancedEditTemplate>

                      <DayView WorkDayEndTime="18:00:00" />

                    <AdvancedInsertTemplate>
                    <uc2:BookingDetailControl ID="BookingDetailControl" runat="server" Action="insert" />
                    </AdvancedInsertTemplate>
                    
                  </telerik:RadScheduler>

[Peter Milchev]

Hello Pallav,

We have tested our online demos and the resizing and moving of the appointments work as expected. 

• https://demos.telerik.com/aspnet-ajax/scheduler/examples/day-week-multi-day-views/defaultcs.aspx

Would you please verify that the Compatibility mode of Internet Explorer is disabled? 

• Disable the Compatibility View mode of Internet Explorer

Regards,
Peter Milchev
Progress Telerik

[Nabendu]

Hi Peter,

This is working in our local environment, but not working once deployed in remote server.

 

[Nabendu]

Hi Peter,

To be more specific we are having issue in resizing. We are using the same local IE (v 11) browser from the same local machine to run through iisexpress and accessing remote IIS hosted dev application.

 

[Pallav]

Hello Peter,

I tried to test the application by disabling compatibility view mode in IE. But still it is not working in IE

Regards,

Pallav Santra

[Peter Milchev]

Hello guys,

Please add the following script to your page and share what the alert message is: 

<script>
       alert(document.documentMode);
 </script>

Also, you can check this KB article to double check that the compatibility mode is disabled: Different appearance or behavior in Internet Explorer on local and production servers

If the issues persist, please check the online demos if they also replicate the described issue. 

You can also share some screenshots/ screencasts comparing the appearance and behavior of the working and non-working version of the Scheduler in Internet Explorer.

Regards,
Peter Milchev
Progress Telerik