Calendar Formatting Since Upgrading To Bootstap 5

Wappler General
21

I've added support for eventclick, eventmouseenter, eventmouseleave, eventdrop and eventresize on calendar source components. For testing you can add the click event and then rename it in the source code to dmx-bind:eventclick="".

Here the updated file with the new events: dmxCalendar.zip (13.1 KB)

23

Thanks @patrick

That now goes to the correct page but I pass the vehicleID across which was working in appconnect1. Now when I click it goes to the correct page but the vehicleID is blank so no data is loaded. Do I need to do something else to make this work?

image
image1268×94 19.3 KB

Thanks,

25

Will need a bit more context, where does VehicleID come from. In App Connect 1 we also didn't have a click event on sources, how did you get it to work there?

26

Thanks @patrick .

As the calendar source I have server connect.

image
image1930×648 78.7 KB

On appconnect1 I had a click event.

image
image828×840 34.1 KB

On the click event I could then select the VehicleID.

image
image2246×1104 238 KB

This all worked on appconnect1 fine.

I pull through the Vehicle reg and date. These do work on appconnect2.

image
image736×274 14.5 KB

Thanks,

27

The click event passes the calendar event data but you have to access it different. Try the following:

dmx-on:eventclick="browser.goto('/CompanyAdminMOTS?QPVehID='+$event.event.extendedProps.VehicleID, true)"

So replace VehicleID with $event.event.extendedProps.VehicleID.

1 Like
28

Thanks @patrick that now works :slight_smile: