Overflow Display Issue

5 posts, 0 answers
  1. Dave
    Dave avatar
    25 posts
    Member since:
    Aug 2012

    Posted 14 Jan 2010 Link to this post

    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
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 18 Jan 2010 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dave
    Dave avatar
    25 posts
    Member since:
    Aug 2012

    Posted 08 Feb 2010 Link to this post

    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
  5. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 11 Feb 2010 Link to this post

    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.
  6. Myke
    Myke avatar
    7 posts
    Member since:
    Sep 2010

    Posted 10 Sep 2010 Link to this post

    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.


Back to Top
UI for ASP.NET Ajax is Ready for VS 2017