[Solved] Example css code messes up the week view

[vincent]

I have followed the example to show the entire subject using the link below:

http://www.telerik.com/support/kb/article/b454K-hac-b454T-cth-b454c-cth.aspx

However, the week view for appointments that normally show up side-by-side within a cell now overlap.  Specifically, the appointment is pushed down to the next time slot, which is not correct.

Is there a fix for this?

[Alex Gyoshev]

Hi vincent,

The following styles will adjust only the month view of the RadScheduler. Please confirm that they are solving the problem so that we update the KB.

.RadScheduler .rsMonthView .rsApt
{
    position: static !important;
}

.RadScheduler .rsMonthView .rsAptContent
{
    font-size: xx-small !important;
    line-height: normal !important;
    overflow: visible !important;
    padding: 2px;
}

.RadScheduler .rsMonthView .rsWrap
{
    overflow: visible !important;
    height: auto !important;
}

.RadScheduler .rsMonthView .rsDateWrap
{
    height: 20px !important; /* controls height of date header */
}

.RadScheduler .rsMonthView td.rsCell
{
    height: 150px !important; /* controls container height */
}

Your Telerik points have been updated.

Best wishes,
Alex
the Telerik team

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

[vincent]

Hi,

I updated the CSS and still get the same display problem. 

Thanks for the response.

[vincent]

actually, that did the trick.  I had to restart my browser to get the fix to display.

Thanks!