Kendo mvc scheduler slot overlapping issue

[Meet]

I have web application in which there is expandable menu on the left side shown in image. On expanding or closing side menu scheduler events are move on to another slot (basically all events shifting little bit from starting point of slots). Any solutions for this. i am using kendo mvc for .net.

[Iva]

Hello Meet,

 

Thank you for reaching out to us and for taking the time to make a screenshot.

We will check this with our engineers and will shortly get back to you.

 

Regards, Iva Progress Telerik

[Anton Mironov]

Hello Meet,

Thank you for the image and details provided.

My name is Anton and I am part of the Telerik UI for ASP NET MVC Team.

In order to achieve the desired behavior, I would recommend enabling the horizontal scrolling of the View with the following CSS:

        .k-scheduler-layout {
            table-layout: fixed;
        }

            .k-scheduler-layout > tbody > tr > td:first-child {
                width: 80px;
            }

        .k-scheduler-content .k-scheduler-table,
        .k-scheduler-header .k-scheduler-table {
            width: 800px
        }

A similar approach is recommended in the following forum thread answer:

• https://www.telerik.com/forums/dynamic-scheduler-width#3803390

Attached is a sample project that I prepared for the case. It implements a Telerik UI Drawer which includes a Telerik UI Scheduler.

Feel free to make the needed tests on your side and let me know if this is the desired result.

Kind Regards,
Anton Mironov
Progress Telerik