[Solved] TimelineView resources height

[Paige Cook]

I followed the tips in the KB article: How to tweak the appearance of RadScheduler's cells and dropped the rsWrap height to 17px in my timelineview by using the following css setting:

.RadScheduler_Default .rsTimelineTable div.rsWrap
{
  height:17px;
}

However, now the heights of my resources in the are incorrect; they are still based on the old height. From looking at the CSS that is being rendered for the resources; I assumed that the divs with class=rsHoursWrapper corresponded to the divs with class=rsWrap b/c the numbers of them matched. Therefore, I tried the following CSS setting, but it did not work.

.RadScheduler_Default .rsTimelineView .rsHoursTable div.rsHoursWrapper
{
    height: 17px;
}

What am I missing?

Thanks.

[Alex Gyoshev]

Hello Paige Cook,

The following CSS will adjust the height of all the cells:

/* adjust height of appointment containers */

* html div.RadScheduler .rsAllDayCell
{
    height: 17px;
    _height: auto;
}

* html div.RadScheduler .rsAllDayCell .rsWrap
{
    height: 100%;
    _height: 17px;
}

div.RadScheduler .rsAllDayCell .rsWrap,
div.RadScheduler .rsColumnHeaderFirstCell,
div.RadScheduler .rsAllDayFirstCell,
div.RadScheduler .rsHoursTable th
{
    height: 17px;
}

Nevertheless, if your resources have names that wrap on several lines, this will cause the cells to resize. This can be fixed by forcing them to stay on the same line with the following CSS:

/* hide additional content and don't allow the headers to wrap */

div.RadScheduler .rsMonthView .rsHoursTable .rsMainHeader,
div.RadScheduler .rsMonthView .rsHoursTable .rsMainHeader div,
div.RadScheduler .rsTimelineView .rsHoursTable .rsMainHeader,
div.RadScheduler .rsTimelineView .rsHoursTable .rsMainHeader div
{
    overflow:hidden;
   white-space:nowrap;
    text-overflow: ellipsis;
}

Regards,
Alex
the Telerik team

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