Focus button in kendoDialog

[Tayger]

Hello

I'm not sure if I'm right here but I couldn't find a topic for kendoDialog...

I have a dialog mask in my application (KendoUI, Javascript/JQuery) with two buttons: "Ok" and "Cancel". I would like to set the focus to the "Ok" button by default or at least when the dialog window is opened. I tried different things like setting .focus() on the first found .k-button, I tried to simulate a TAB command (that sets the focus to the "OK" button doing this by keyboard) on kendoDialog event "open", but everything around that didn't work. I assume that .focus() doesn't work because its not an official HTML button.

Is there a (simple) way to set the focus in a kendoDialog to a button?

Regards

[Ivan Danchev]

Hello,

You can use the Kendo UI Confirm dialog, which is a predefined Dialog and by default it has its OK button focused. Here's a dojo example.

Regards,
Ivan Danchev
Telerik by Progress

[Dan]

Hi,

Would be possible to set the focus to the Cancel button. I have a requirement for the OK button to be primary but the focus should be on Cancel. Can this be achieved using telerik?

[Veselin Tsvetanov]

Hi Dan,

To achieve the desired you will need to implement the following handler for the Dilog show event:

show: function(e) {
    $('.k-dialog-buttongroup button:not(.k-primary)').focus();
}

Here you could find a small sample implementing the above.

Regards,
Veselin Tsvetanov
Progress Telerik