Implement custom editor without losing movable and resizing functionality

2 posts, 1 answers
  1. Nithin
    Nithin avatar
    67 posts
    Member since:
    Mar 2018

    Posted 13 Jun 2018 Link to this post

    In our scheduler we have developed custom event editor which is opened in a new page and not using the default editor. However, if we disable the default editor using 
    $scope.schedulerOptions = {
       editable: false

    but now we are unable to move or resize the event date range on the scheduler.
    Is there a way to make it work without showing the default editor and making the events movable ?
    How can we fix this issue?

    editable property set to false example

  2. Answer
    Ivan Danchev
    Ivan Danchev avatar
    2150 posts

    Posted 15 Jun 2018 Link to this post

    Hello Nitin,

    Instead of setting editable: false, you can set editable.update and editable.create options to false as shown below:
    editable: {
      update: false,
      create: false
    This way opening the default editor will be prevented, but the events would remain movable/resizable.

    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top