[VUE 3] Scheduler Pro - on scheduler click add a border

[eferro@qubicaamf.com]

Hi,
in Scheduler Pro I'm listening the 'scheduleClick' event, there is any way to add a class or a border style to a clicked slot?

[tasnim]

Sounds like you're looking for https://bryntum.com/products/scheduler/docs/api/Scheduler/feature/ScheduleContext feature
Here is a codepen demo for you https://codepen.io/dv-auntik/pen/WbbBwwg?editors=0110

PowerToys_kN2to6n7Te.gif (439.8 KiB) Viewed 292 times

[eferro@qubicaamf.com]

Cool! It's what I looked for!

And there is any way to reset the class on the scheduler if I select an event?

I try using the listener "eventClick" and add a class to the event, but I'm not able to reset the class on the scheduler slot, and the result is that bot are bordered

scheduleContextFeature: {
	triggerEvent : "click",
		widget : {
			type: "widget",
			cls: "slot-selected-border"
		}
	}
},
...
listeners: {
	eventClick: ({eventRecord}) => {
		eventRecord.cls = "event-selected-border";
		return false;
	}
}	

[tasnim]

After setting the cls to the event, here is how you could clear the schedule context

  

    listeners : {
        eventClick(props) {
            props.eventRecord.cls = 'hello';
            props.scheduler.features.scheduleContext.context = null;
        }
    },

[eferro@qubicaamf.com]

Cool! That's works amazing!
Thanks for the support!