Tried this:
.k-scheduler-table td{
height: 72px !important;
}.k-scheduler-table td{
height: 72px !important;
}
The elements inspector shows my style is being applied, but the height of each day cell is still 105px. How can I control the height? These cells have no content so that's not an issue, just empty cells.
.k-scheduler-table td{
height: 72px !important;
}.k-scheduler-table td{
height: 72px !important;
}
The elements inspector shows my style is being applied, but the height of each day cell is still 105px. How can I control the height? These cells have no content so that's not an issue, just empty cells.
4 Answers, 1 is accepted
0
Hi Kjell,
Kind Regards,
Vladimir Iliev
Telerik
You can control the scheduler month view rows using the following selector, however please note that this selector works more like "min-height" in cases where the scheduler table height is greater than the height of all rows in month view table:
.k-scheduler-monthview .k-scheduler-table td {
height
:
40px
!important
;
}
Vladimir Iliev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Kjell
Top achievements
Rank 1
answered on 01 Nov 2013, 04:30 PM
That doesn't work for me because I need to cap the height of the cell. I think I'm going to have to edit the monthview.js script for full control over the cell/row heights.
0

Kjell
Top achievements
Rank 1
answered on 01 Nov 2013, 04:39 PM
Where is the table height set/calculated? Maybe I can just edit that formula. The problem is I'm also manually hiding rows in the navigate event so that probably adds another wrinkle of complexity.
0
Hi Kjell,
Basically I would suggest to set the CSS style from my previous reply and set the scheduler height option to a lower value. Modifying the source code of our widgets is not recommended as it can lead to unexpected behavior and is out of scope of our support service, however if you still need to modify that behavior on your own you can search for the "refreshLayout" function in the "scheduler.view.js" file.
Regards,
Vladimir Iliev
Telerik
Basically I would suggest to set the CSS style from my previous reply and set the scheduler height option to a lower value. Modifying the source code of our widgets is not recommended as it can lead to unexpected behavior and is out of scope of our support service, however if you still need to modify that behavior on your own you can search for the "refreshLayout" function in the "scheduler.view.js" file.
Regards,
Vladimir Iliev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!