Event Template Custom Edit Action

[Nikita]

I'm trying to figure out how to customize scheduler event action controls like edit and delete. By default events are edited by double-click and deleted by an 'x' button that appears on hover. Is there a straight-forward way to have controls in the custom event template to have that functionality and disable the default method?

[Eyup]

Hi Nikita,

 

Thank you for contacting us.

And yes, the Scheduler provides the .EventTemplate() option which you can use to put inside buttons, icons, anything you prefer:
https://demos.telerik.com/aspnet-core/scheduler/templates

Would that be helpful? Am I missing something? Let me know what you think.

 

Regards,
Eyup
Progress Telerik

[Nikita]

Hello Eyup, thank you for your reply. I want to add a button to event template to open event details view/edit dialog. By default a double-click opens that dialog, I want a button to do that. Do I have to write custom javascript to handle that?

[Eyup]

Nikita,

You can achieve this requirement by placing a button inside the Scheduler event template:

<button onclick='buttonClick(this);'>Edit Event</button>

And then calling the following javascript logic:

<script>
    function buttonClick(button){
        $(button).parent().dblclick();
    }
</script>

Here is a live sample I have prepared for your convenience:
https://netcorerepl.telerik.com/wobEwdvy30rIADva15

Can you check it and let me know if you find these suggestions beneficial?

[Nikita]

Thanks, Eyup. Sorry for delayed response. I got what I needed.