Hide the Edit Buttons in the Scheduler
Environment
| Product | Progress® Kendo UI® Scheduler for jQuery |
| Operating System | Windows 10 64bit |
| Visual Studio Version | Visual Studio 2017 |
| Preferred Language | JavaScript |
Description
How can I hide the Edit button of the Kendo UI for jQuery Scheduler?
Solution
The following example demonstrates how to achieve the desired scenario.
<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
date: new Date("2013/6/6"),
views: [ "day", "month" ],
dataSource: [
{
id: 1,
start: new Date("2013/6/6 08:00 AM"),
end: new Date("2013/6/6 09:00 AM"),
title: "Interview"
}
],
edit: function(e) {
var buttonsContainer = e.container.find(".k-edit-buttons");
var cancelButton = buttonsContainer.find(".k-scheduler-cancel");
cancelButton.text("Delete");
}
});
</script>