Hi,
When we use a slot to customise the appearance of the event, it seems to work correctly. However, when we scroll back, the appearance of the event reappears as if the slot did not exist.
Component:
<DayPilotScheduler
ref="schedulerRef"
:config="scheduleConfig"
>
<template #event="{ event }">
<div class="event-body">
Template: {{ event.data.id }}
</div>
</template>
</DayPilotScheduler>
const scheduleConfig = reactive({
locale: "es-es",
timeHeaders: [
{ groupBy: "Day", format: "dddd, d MMMM yyyy" },
{ groupBy: "Hour" },
{ groupBy: "Cell", format: "mm" },
],
scale: "CellDuration",
cellDuration: 15,
days: 20,
eventHeight: 70,
cellWidth: 60,
startDate: DayPilot.Date.today(),
timeRangeSelectedHandling: "Disabled",
eventMoveHandling: "Disabled",
eventResizeHandling: "Disabled",
eventDeleteHandling: "Disabled",
eventRightClickHandling: "ContextMenu",
contextMenu: new DayPilot.Menu({
items: [
{
text: "Delete",
onClick: (args) => {
const dp = args.source.calendar;
dp.events.remove(args.source);
},
},
],
}),
onEventClick: (args) => {
console.log("Event clicked", args.e);
},
});
Regards