Scheduler - Timeline - Group by resource - vertical - misalignment

[Scott]

Hi,

Just started digging in to using the RadScheduler.

I am using Timeline view, GroupBy resource, and GroupingDirection Vertical.

There is a misalignment on the groupings.  Two issues I see...

1) The row lines for the resource do not align with the appointment horizontal lines

2) Some appointments look to align with the incorrect resource.  Appointment aaa-137 uses resource 137, but the block spans both 136 and 137 and it in fact looks to be assigned to 136.

 

How can I fix this?

[Attila Antal]

Hello Scott,

Seems you already have a Ticket submitted for this issue. I already answered your ticket, but I will share the answer here as well.

By default, the RowHeight of the RadScheduler is calculated according to "font-size of 14px" (see Minimal RowHeight Property Values when Default Font-Size is Used) and if you do not have it set for the page/document, the browser's default (16px) will be used and that causes the issue.

Try setting the Scheduler's font size to 14px

<style>
    html body .RadScheduler {
        font-size: 14px;
    }
</style>

 

Here are the before and after screenshots

Note: The font size is the only way I was able to reproduce the problem. If this is not the case for you, please share more details so I can replicate the issue and search for a solution.

Regards,
Attila Antal
Progress Telerik