Change hours column width

[Albert]

Is it possible to change the width of the hours column in Day view?  I want to make it narrower so that it snaps to the size of the text.

[Alex Gyoshev]

Hi Albert,

While automatic resizing of the column (so that it fits the text within it) is not possible right now, the following CSS styles will adjust the width of the column according to the width you set:

div.RadScheduler .rsColumnHeaderFirstCell div,
div.RadScheduler .rsColumnHeaderSpacerCell div,
div.RadScheduler .rsColumnHeaderLastSpacerCell div,
div.RadScheduler .rsHoursTable th,
div.RadScheduler .rsHoursTable th div,
div.RadScheduler .rsMonthView .rsHoursTable .rsMainHeader,
div.RadScheduler .rsMonthView .rsHoursTable .rsMainHeader div,
div.RadScheduler .rsAllDayFirstCell div
{
    width: 50px; /* change this value according to your taste */
}

Regards,
Alex
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Ian Russell]

It does not work for me. I am using Q3 version and Office2007 skin

[Alex Gyoshev]

Hello Attila Safari,

You can use the RowHeaderWidth property.

In the Q3 release, the whole rendering of RadScheduler has been changed - therefore, none of the older CSS workarounds are relevant anymore.

Best wishes,
Alex
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.