Our powerful JS Calendar component
Dear Support,
I are experimenting with updating the agenda view and would like to achieve something similar to the following screenshot. I couldn't find a lot of agenda rendering code samples to achieve something similar.
Could anyone help with some suggestions or code samples please?
Thank you.
-
Attachments
-
- agenda view.png (28.35 KiB) Viewed 235 times
Agenda view is just a grid, and there you can always use a cell renderer. Call the default one to create the content and then append something.
But obviously, just creating and rendering widgets into the DOM whenever the renderer is called will leak widgets, so it's not that easy.
They'd have to be cached and reused. A very simplistic suggestion is here: https://codepen.io/Animal-Nige/pen/ExrNvPa?editors=0110
Dear Animal, thank you for sterling support.
We will have a look at the code sample and try to replicate. Just for clarity, what we want to achieve looks more like the following. We want extra content each event not for each day. Any other samples anyone else can also provide would be greatly appreciated. This addition is very important for what we need to achieve.
thanks again.
-
Attachments
-
- agenda view.png (36.91 KiB) Viewed 180 times
I have a POC running here: https://codepen.io/Animal-Nige/pen/NWJQzOK?editors=0110
Note that this is just a POC. The actual API which may be exposed to mutate what an event row looks like might be changed when we design it. If you use this prototype code be aware that it may have to be refactored in future.