[VUE 2] how to add customs styles and custom colors to the event created by drag

[jenniferht]

Hi,
After using eventDragCreate, the default green color is applied, but I'd like to alter the color and adjust event visibility using custom CSS styles.

https://bryntum.com/products/scheduler/examples/basic/

[tasnim]

Hi,

You could achieve it by using this CSS rule

.b-sch-event {
    background: #e39d00;
}

Best regards,
Tasnim

[jenniferht]

Hi,
thanks working fine.

I would like to delete the reservation that was created without any information, such as the name of the resource or event name. I want the flexibility to remove it from any location on the screen.

u can check the below videos

[tasnim]

Hi,

It should be removed if nothing is saved. Any chance to get a test case or the steps to reproduce the issue?

[jenniferht]

hi,
if I have set the below to true it is working but I don't need the menu on eventdragcreate :

eventEdit: true, 
            eventMenu: true, 

[tasnim]

Hi,

The eventMenu will show up when you right click on an event
https://bryntum.com/products/scheduler/docs/api/Scheduler/feature/EventMenu

Did you mean the event editor?

Sorry, if I misunderstood.

[jenniferht]

Hi,
i have added screenshot

[tasnim]

Hi,

If I understood correctly, you could use this event to achieve it https://bryntum.com/products/scheduler/docs/api/Scheduler/feature/EventEdit#event-beforeEventEdit

scheduler.on('beforeEventEdit', ({ eventRecord }) => {
    return !eventRecord.isCreating;
})