Scheduler Appointment Heights to "Auto"

6 posts, 0 answers
  1. will Ballard
    will Ballard avatar
    17 posts
    Member since:
    Mar 2005

    Posted 09 Jan 2008 Link to this post

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

    Posted 10 Jan 2008 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. will Ballard
    will Ballard avatar
    17 posts
    Member since:
    Mar 2005

    Posted 10 Jan 2008 Link to this post

    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  
    {  
        positionstatic !important;  
    }  
     
    .rsAptContent  
    {  
        font-sizexx-small !important;  
        line-heightnormal !important;  
        overflowvisible !important;  
        padding2px;  
    }  
     
    .rsAptContent UL, .rsAptContent UL LI  
    {  
        margin0px0px0px10px;  
        line-heightnormal;  
        list-style: bullet;  
    }  
     
    .rsMonthView .rsWrap  
    {  
        overflowvisible !important;  
        heightauto !important;  
    }  
     
    .RadScheduler_Default .rsMonthView .rsDateWrap  
    {  
        height20px !important;  
    }  
     
     
    .RadScheduler_Default .rsMonthView td.rsCell  
    {  
        height150px !important;  
    }  
     
     
    .rsAptContent  
    {  
        font-sizexx-small !important;  
        line-heightnormal !important;  
    }  
     
     
    .rsMonthView .rsWrap  
    {  
     
    }  
     
    .RadScheduler_Default .rsMonthView td.rsCell  
    {  
        height150px;  
    }  
     


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

    WB
  5. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 11 Jan 2008 Link to this post

    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
  6. AMS
    AMS avatar
    13 posts
    Member since:
    Jun 2006

    Posted 07 Mar 2008 Link to this post

    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.
  7. Nate
    Nate avatar
    28 posts
    Member since:
    Jul 2007

    Posted 09 Apr 2008 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017