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
20 days 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]
16 days 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
16 days ago.

Thanks. Disabling floating events works as expected.

New Reply
This reply is
Attachments:
or drop files here
Your name (optional):