Overflow Display Issue

[Dave]

Hello,

We are facing a display issue within our Scheduler control; We want to get the text overflow hidden and not being forced to next line of an appointment (printscreen attached).

We tried the below css code without success, someone can help?

<style type="text/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;
}
</style>

Regards,
David

[Peter]

Hi David,

Do you use templates? Can you send us your RadScheduler definition so we can test it locally?


Best wishes,
Peter
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.

[Dave]

Hi Peter,

It seems happening only on IE6, in IE8 it is not a problem.
Is it a limitation of this (IE6) navigator? If yes, do you know a workaround?

Regards,
David

[Peter]

Hello David,

I am not sure what you perceive as a problem. The screenshot you sent shows text wrapping for appointments. The css selectors you have used target the resource or datetime headers. Can you please be more specific? If you can send us a live url that would be quite helpful.


All the best,
Peter
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.

[Myke]

Hi,

I'm having a related problem with text wrapping in IE6. I think the reason is related to the lack of support for the {white-space:normal} CSS attribute. What I want is for the text to wrap over to the next line without breaking the words up, so in the above example, instead of:

RDOR210015 - Spiri
t

It should be displayed as:

RDOR210015 -
Spirit

I've made a little bit of progress in finding a solultion, but not really managed to get the text to wrap properly in IE6. If you add the following CSS to your page:

*html .rsCustomAppointmentContainer {
    white-space: nowrap;
    overflow:hidden;
    width:100%;
}


It will change the default behaviour for IE6 to no-wrapping and hide any overflowing text. (I think this is what David Thueler was looking for in his original question). I now just need to find a bit of CSS to wrap the text without breaking words up in IE6.

Thanks,

Myke.