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

Datetime picker IE 10 Compatibility View - Ctrl + Click opens another window

5 Answers 125 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Piyushkumar
Top achievements
Rank 1
Piyushkumar asked on 23 Aug 2013, 02:35 PM
Hi,

I have placed 4 datetime pickers on a user control.

Click and open calander. Calander pops-up. Now when I Control + Click on any other date, it opens another window.

It is issue only on IE10 in compatibility mode. It does not happen on other browsers.
I have created a screen cast video to explain the issue and placed at..
http://www.youtube.com/watch?v=PdNFSde-zBg&feature=youtu.be

I have also copied the code below. 

Thanks to all who replies.

<tr>
   <td>
      <telerik:RadDateTimePicker ID="rDtpDate1" runat="server" TimeView-Columns="2" Calendar-EnableMultiSelect="false" TimeView-RenderDirection="Vertical" DateInput-SelectionOnFocus="CaretToBeginning">
         <Calendar ID="calDate1" runat="server" EnableKeyboardNavigation="true"></Calendar>
         <DateInput ID="txtDate1" runat="server" Width="105px" EnabledStyle-PaddingTop="0px" EnabledStyle-PaddingBottom="0px"></DateInput>
      </telerik:RadDateTimePicker>
   </td>
   <td>
      <telerik:RadDateTimePicker ID="rDtpDate2" runat="server" TimeView-Columns="3" Calendar-EnableMultiSelect="false" TimeView-RenderDirection="Vertical" DateInput-SelectionOnFocus="CaretToBeginning">
         <Calendar ID="calDate2" runat="server" EnableKeyboardNavigation="true"></Calendar>
         <DateInput ID="txtDate2" CssClass="std_white" runat="server" Width="105px" EnabledStyle-PaddingTop="0px" EnabledStyle-PaddingBottom="0px"></DateInput>
      </telerik:RadDateTimePicker>
   </td>
   <td>
      <telerik:RadDateTimePicker ID="rDtpDate3" runat="server" TimeView-Columns="3" Calendar-EnableMultiSelect="false" TimeView-RenderDirection="Vertical" DateInput-SelectionOnFocus="CaretToBeginning">
         <Calendar ID="calDate3" runat="server" EnableKeyboardNavigation="true"></Calendar>
         <DateInput ID="txtDate3" CssClass="std_white" runat="server" Width="105px" EnabledStyle-PaddingTop="0px" EnabledStyle-PaddingBottom="0px"></DateInput>
      </telerik:RadDateTimePicker>
   </td>
   <td>
      <telerik:RadDateTimePicker ID="rDtpDate4" runat="server" TimeView-Columns="3" Calendar-EnableMultiSelect="false" TimeView-RenderDirection="Vertical" DateInput-SelectionOnFocus="CaretToBeginning">
         <Calendar ID="calDate4" runat="server" EnableKeyboardNavigation="true"></Calendar>
         <DateInput ID="txtDate4" CssClass="std_white" runat="server" Width="105px" EnabledStyle-PaddingTop="0px" EnabledStyle-PaddingBottom="0px"></DateInput>
      </telerik:RadDateTimePicker>
   </td>
</tr>

5 Answers, 1 is accepted

Sort by
0
Deyan Enchev
Telerik team
answered on 28 Aug 2013, 08:50 AM
Hi Piyushkumar,

I was not able to reproduce the described behavior using the markup you have provided. I am attaching a sample project with just one basic RadDatePicker that I use for local testing. You can try reproducing the problem and in case you are able to do it, please enumerate the exact steps which I need to follow in order to observe the issue. I would also need the exact RadControls version that you are using.

In addition, you need to have in mind that Ctrl+Click is one of the Internet Explorer’s keyboard shortcuts. What it does is opening links in a new tab in the background. Here, under Tabs node, you can read more about all of the supported IE keyboard shortcuts.

Another suggestion is to enable your browser’s script debugging which will let you catch any JavaScript errors that may be occurring.

Regards,
Deyan Enchev
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Piyushkumar
Top achievements
Rank 1
answered on 28 Aug 2013, 01:23 PM
Hi,

Your following comments explains the cause of the issue. Thank you. That will be enough for now.
       "In addition, you need to have in mind that Ctrl+Click is one of the Internet Explorer’s
         keyboard shortcuts. What it does is opening links in a new tab in the background.
        
Here, under Tabs node, you can read more..."


Since the issue is not consistent, not sure what initiates it.
It is not show-stopper, however here are steps to replicate it on Telerik website if someone can find some workaround.

 1. I have replicated on IE 10 Compatibility view.
 2. Open Telerik Online Demo for Calander --> http://demos.telerik.com/aspnet-ajax/calendar/examples/overview/defaultcs.aspx
 3. Click "Time Picker / Date Picker"
 4. Click "AutoPostBackControl Property"
 5. Click "Both" Radio Button under heading "Make postback on change of:"
 6. Ctrl + Click Calander icon  OR  click on calander icon and Ctrl + Click on any date on pulled out menu 
     (It opens another Telerik window)
 7. Click "None" Radio Button 
 8. Ctrl + Click Calander icon  OR  click on calander icon and Ctrl + Click on any date on pulled out menu 
     (It opens another Telerik window)

Thanks,
Piyush
0
Deyan Enchev
Telerik team
answered on 29 Aug 2013, 03:07 PM
Hi Piyushkumar,

We have confirmed that the experienced behavior is not caused by our controls. Attached you can see a sample which I have created that demonstrates the described behavior when using standard UpdatePanel and Button controls. Note that the project does not include any Telerik controls.

You are observing this issue because of the way IE handles on click events when combined with a postback. In this case the href attribute returns a link. In our demo you can reproduce this because the configurator's RadListButton controls do postback on a selection change.


Typically browsers like FF and Chrome handle on click events combined with post back differently. Therefore you will see this issue only in IE browsers and it can be considered to be a browser behavior.

Regards,

Deyan Enchev
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Umer
Top achievements
Rank 1
answered on 27 Nov 2013, 10:55 AM
Hi Deyan Enchev / ,Piyushkumar

I am also facing same problem in IE version 10.  RadDateTimePicker is working fine in IE version 8, Mozilla Firefox and Google Chrome but not working on IE version 10. Kindly check.

Thanks
Umer


0
Deyan Enchev
Telerik team
answered on 29 Nov 2013, 12:31 PM
Hi Umer,

Could you be more specific to what exactly are you referring with “...RadDateTimePicker is not working on IE version 10...”? Is there an error you get, is the picker itself not picking the date correctly or it is not displaying it properly?

I am attaching a simple project that contains on RadDateTimePicker. Using it I cannot find any abnormalities or issues related to IE10 or any other of the supported by our RadControls browsers.

You can try reproducing the problem and in case you are able to do it, please enumerate the exact steps which one needs to follow in order to observe the issue. I would also need the exact RadControls version that you are using. This way I can get back to you with more straight to the point answers


Regards,
Deyan Enchev
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Calendar
Asked by
Piyushkumar
Top achievements
Rank 1
Answers by
Deyan Enchev
Telerik team
Piyushkumar
Top achievements
Rank 1
Umer
Top achievements
Rank 1
Share this question
or