Change row height in week and day view

[Brian Taylor]

I tried the approach stated on https://www.telerik.com/forums/change-row-height-in-week-and-day-view, but this only allows a minimum row height of around 22 pixels.

 

I found some old code of mine, which allowed the desired height (about 16 pixels), but the code only works up to version 2021.3

See https://dojo.telerik.com/AvOkisad which uses ".k-scheduler-table td,.k-scheduler-table th { height: 1em }"

How can this be achieved in the latest release, as you can see it doesn't work as shown here https://dojo.telerik.com/iYoCobuG 

[Neli]

Hello Brian,

I have already replied in the support thread regarding the same issue. I will paste my reply here below as well as it could be helpful to the other users in the forum who have the same issue.

 

I would suggest in addition to setting the height, to set also the padding top and bottom for example to 0 px.

.k-scheduler-dayview .k-scheduler-table td,
      .k-scheduler-weekview tr:nth-child(2) .k-scheduler-table td,
      .k-scheduler-monthview .k-scheduler-table td {
        height: 12px !important;
         padding-top: 0px;
         padding-bottom: 0px;
      }
      
      .k-scheduler-times .k-scheduler-table th{
        padding-top: 0px;
        padding-bottom: 0px;
      }

Here you will find the modified example using the latest version.

 

Regards,
Neli
Progress Telerik