[Solved] Controlling line height on Month View

[Christina Blenk]

I'm hoping this is a simple question, though we have spent a lot of time without finding the right answer.  We have a site - http://columbusrealtors.com/Classes_Events/default.aspx?ID=calendarview where we need better control over the individual event line height display.  Under IE 8 you'll see that the bottom of the text is cut off (y's and g's).  We are looking for the settings to control the following:

1. how many pixels of display height will appear for each row
2. how many pixels of padding between rows are set
3. how to dynamically display two rows of data for events that need the extra room

Where do we set these and how?
thanks!

[Genady Sergeev]

Hi Christina Blenk,

Can you try the following CSS

.RadScheduler div.rsAptContent
{
   padding-bottom:5px;
   text-decoration:none;
}

If there is no visual change, please put !important at the end of each line (padding-bottom:6px !important), because I am not sure how strong are your other selectors. The selectors strength can be tuned latter, this is just test to see if there is any change at all.

As for your third question, the appointments height is fixed, you are not allowed to set it to a higher value. However, you can use tooltip to display the extra data. As far as I can see you are doing exactly the same.

All the best,
Genady Sergeev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.