[REACT] Scheduler Block Event Resizing

[tjmeal]

Hello,

I would like to block the following behaviour attached in the video.

I have found the following https://bryntum.com/products/scheduler/docs/api/Scheduler/feature/EventResize

But that docs show instruction about the grid ? What i am not getting correct ?

[tasnim]

Hey,

Sorry, I don't understand which behavior you're referring to by watching the video. Can you please also describe the behavior you're referring to?

[tjmeal]

I would like to block the behavior, that Increase-decrease the duration of an event at both ends of the event ( beginning and end).

What i am showing in the video attaching > i don't want to be allowed to do it. ( i want only to be allowed to change the resource, nothing else)

You understand what i mean now ?

[tasnim]

To prevent that you'd need to disable https://bryntum.com/products/scheduler/docs/api/Scheduler/feature/EventResize feature

You'd need to put it inside of your scheduler config file

eventResizeFeature : false

[mats]

It's as simple as:

const scheduler         = new Scheduler({
    appendTo : targetElement,
    features : {
         eventResize : false 
   }
  


});

[tjmeal]

Hello and thanks both for your reply,

Because i need that elsewhere aswell, i am using the following config > how can i use the last implementation Mr. Mats suggusted > Because using my code > features : {} its not working ?

const schedulerConfig = {
  startDate: new Date(),
  endDate: new Date(new Date().getTime() + 24 * 60 * 60 * 1000),
  flex: 3,
  tickSize: 30,
  allowOverlap: true,
  eventStyle: 'colored',
  snap: true,
  }

[tasnim]

Hey tjmeal,

For React you should use

const schedulerConfig = {
	...
	eventResizeFeature : false
}

And for Pure JS

features : {
	eventResize : false
}

Please check the guide too https://bryntum.com/products/scheduler/docs/guide/Scheduler/integration/react/guide#features

[tjmeal]

Perfect, thank you so much.