Hide Edit Buttons

The following example demonstrates how to hide the Edit button of the Scheduler.

Example

    <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>

See Also

Other articles and how-to examples on the Kendo UI Scheduler:

• Scheduler JavaScript API Reference
• How to Add Controls to Custom Editor
• How to Add Events Programmatically
• How to Calculate Scheduler Height Dynamically
• How to Calculate Scheduler Height Dynamically on Mobile
• How to Clone Events on Ctrl + move
• How to Create Custom Views Inheriting Built-In Views
• How to Create Custom month View with Event Count in Show More Button
• How to Create Custom Restrictions
• How to Edit Records on touchend
• How to Edit Using ContextMenu
• How to Use Custom Event Template with Specific Background Color

How-to examples on the Kendo UI Scheduler in AngularJS:

• How to Create and Set ObservableArray Events
• How to Show Тooltip on hover
• How to Wrap Scheduler in Custom Directives

For more runnable examples on the Kendo UI Scheduler, browse its How To documentation folder.