Tab index fails once after selecting date in telerik:RadDatePicker

[Mahendra]

Hi,
  We are using telerik:RadDatePicker for date field, we have a page with multiple input controls and with tab index set to those controls.
When go to RadDatePicker field and after selecting date (using Calendar control), we loose the focus.
Then if we press "tab key", focus move to control with tab index=1, instead of next control.

Refer  attached screenshot, with tab index order (marked inside red color circle).

[Angel Petrov]

Hello Mahendra,

I have to say that the experienced behavior is expected and is caused by the fact that the focus is lost after a date is selected. In order to avoid this you can focus the control using JavaScript as demonstrated below.

ASPX:

<telerik:RadDatePicker runat="server" ClientEvents-OnDateSelected="dateSelected"></telerik:RadDatePicker>

JavaScript:

function dateSelected(sender, args) {
                var control = sender;
                setTimeout(function () {
                    control.get_dateInput().focus()
                }, 1);
            }

Regards,
Angel Petrov
Telerik

 

 

[Mahendra]

Hi Angel,
  Thanks for your reply, I have sorted out with below method.

function RadDatePickerSelected(sender, eventArgs) {
var DateCtrl = document.getElementById(sender.get_id() + "_dateInput");
DateCtrl.focus();
}

[Abdul Moiz]

Hi Petrov,

 Thank you , your solution helped me out of that problem..:)

 Regards,

 Abdul Moiz Ansari.