Scheduler Appointment Heights to "Auto"

[will Ballard]

My client needs the appointment text to expand to accommodate whatever they enter (they're trying to have a printable calendar). I've had success in IE setting setting the height to auto (overriding the 30px with !important). However in Firefox the appointments just dissappear.

The other problem is that with height set to auto - when you have multiple appointments in a cell they stack vertically so that one covers the other. Any easy way to resolve this? (Perhaps force a z index?)

Thanks
WB

[Peter]

Hi Will,

It is not possible to resize the appointment based on the lenght of its Subject text since it is constrained by its container cell. As a workaround you can display the appointments' details in another control and then print the output. The KB on How to display all RadScheduler appointments in GridView will help you get started.



Kind regards,
Peter
the Telerik team

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

[will Ballard]

Actually it can be done quite nicely. Just took the right css and some determination. In fact - you might want to consider this an option...

.rsApt
{
    position: static !important;
}

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

.rsAptContent UL, .rsAptContent UL LI
{
    margin: 0px, 0px, 0px, 10px;
    line-height: normal;
    list-style: bullet;
}

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

.RadScheduler_Default .rsMonthView .rsDateWrap
{
    height: 20px !important;
}


.RadScheduler_Default .rsMonthView td.rsCell
{
    height: 150px !important;
}


.rsAptContent
{
    font-size: xx-small !important;
    line-height: normal !important;
}


.rsMonthView .rsWrap
{

}

.RadScheduler_Default .rsMonthView td.rsCell
{
    height: 150px;
}

Thanks for an awesome scheduling component. There's no end to what we can do with this thing.

WB

[Peter]

Hello Will,

Thanks for sharing your solution. We will review it and perhaps make a KB article out of it.


Regards,
Peter
the Telerik team

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

[AMS]

In Firefox I get weeks that are just high enough for the date and then ones with appointments are expanded to fit the appointments.

In IE7 I get all weeks displayed what seems to be the same height with the appointment formated nicely.

I perfer that the weeks be a minimum height and the max unlimited based on the appointments for both browsers. Is this possible within the CSS to do this.

Right now I get 2 different result sets with this CSS text.

Thanks for what you have done as this is the right direction for the scheduler.

[Nate]

the static positioning seems to mess up the day and week views. Items when displayed get bumped down to time slots that are not correct.