search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Event Slot not always displayed in schedule in vue3 wrapper

Asked by Manuel
1 month ago.

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

Answer posted by Dan Letecky [DayPilot]
1 month ago.

This should be fixed now in the latest sandbox build (2025.4.772, NPM).

It only happens with floating events enabled, so the workaround for the current release would be to disable this feature.

Please let me know if there is any problem.

Comment posted by Manuel
1 month ago.

Thanks. Disabling floating events works as expected.

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.