Completed
Last Updated: 15 Nov 2024 12:42 by ADMIN
Release 2024 Q4 (Nov)
Robert
Created on: 23 Mar 2020 14:49
Category: Scheduler
Type: Feature Request
35
Scheduler - adaptive slot height

Provide the possibility to dynamically change the height of the slots in Month, Multi-Week, and other views. This feature is useful in order to fit the events in the specific slot:

jQuery Scheduler:

https://demos.telerik.com/kendo-ui/scheduler/adaptive-slot-height

13 comments
ADMIN
Yanmario
Posted on: 15 Nov 2024 12:42

Hi Everyone,

The adaptiveSlot option is available in version 17.0.0:

https://www.telerik.com/kendo-angular-ui/components/scheduler/views/month#enabling-the-adaptive-slot-height-of-the-scheduler

Regards,
Yanmario
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Kurt
Posted on: 23 Jul 2024 18:26
Our team is also in need of this feature.
ADMIN
Yanmario
Posted on: 15 May 2024 09:16

Hi Lau,

Currently, such a custom implementation isn't available and you could possibly try the solution that is mentioned by James. 

Regards,
Yanmario
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Lau
Posted on: 09 May 2024 03:32
Hi Kendo Team,

Could you please provide a sample of a custom implementation for now, such as a post-processing technique to modify the DOM created by the Scheduler for the data?
James
Posted on: 22 Apr 2024 17:32

Hi All, 

Since this isn't on the pipeline for official implementation, I thought i would share my solution that works great for us and it's pretty easy.

 

import {Renderer2} from "@angular/core";

setTimeout(() => {
            const monthSlots: NodeList = this.elRef.nativeElement.querySelectorAll(".k-scheduler-monthview .k-scheduler-table td");
            const slotHeight = this.monthEventHeightCalc * eventData.maxNumEvents;

            if(monthSlots?.length > 0) {
              monthSlots.forEach(slot => {
                this.renderer.setStyle(slot, "height",
                  (slotHeight < this.defaultMonthSlotHeight ? this.defaultMonthSlotHeight : slotHeight) + "px");
              });
            }
          });

 

So first your getting all the TD nodes from the month table, calculate what height you want the slots to be.  Then loop through each TD and manually change the style height to whatever you need.  For me, I predefined how much space each entry should consume then multiplied that out by how many entries to get the needed height.  Hope that helps someone!

ADMIN
Martin Bechev
Posted on: 22 Apr 2024 13:15

Hello all,

The current feature is still not part of our development plans.

If the discussed feature is very urgent for your project, I would also like to present you with an offering that may be relevant and applicable to your needs - our Feature Acceleration program. It allows a customer to negotiate a certain component or functionality to be implemented on demand.

Feature acceleration fits well in scenarios where a feature or enhancement is important for an application's success, but it is not planned to be available at the time of the application's completion.

Please let me know if you are interested in pursuing this option at any time and I will put you in touch with our Professional Services team to discuss your exact specifications and possible timeframes.

Regards,
Martin
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Mark
Posted on: 17 Apr 2024 16:41
Any updates on this request?
Andrew Lewis
Posted on: 20 Dec 2023 15:20
I wish I could vote for this a thousand times.
Anton
Posted on: 17 Oct 2023 22:01
I need this feature for my project
TMatt
Posted on: 21 Aug 2023 09:20

Current behaviour of the MonthView requires us to make use of the DayView as well, since multiple events will be hidden. 

Without the adaptive slot height the current MonthViewer doesn't really make any sense for our implementation.

Alexandru
Posted on: 10 Aug 2023 13:03
For us it is the only way we can use the scheduler, without this option, not rly.
Andrew Lewis
Posted on: 05 Jun 2023 15:24
I'm surprised this isn't already a feature, since it's available in other versions of the component. Anyway, it would be very helpful and allow us to significantly increase our usage of the Scheduler component.
James
Posted on: 04 Feb 2021 17:27
Yes this is needed.  Currently the month gives more of a summarized view which is great in some instances.  There are times though when I need to see the big picture and i want to see everything.  The current implementation does not provide that.