How to increase the display size for appointments

9 posts, 0 answers
  1. shad
    shad avatar
    8 posts
    Member since:
    Jun 2006

    Posted 15 May 2008 Link to this post

    Hi,

    I'm using an "AppointmentTemplate" to display my appointments. However in Timeline view (also in Month/Week view) only part of my templates is visible and the rest is cut off. This is due to the fact that the height of the "appointment" cells is fix.

    Is there anyway I can modify the size of the "appointment" cells.

    Also, I'm grouping by a resource. How can I specify the height of the groups in Timeline view so that all my cells are of the same height.

    Any help will be greatly appreciated for the above.

    Thanks ... 
  2. Dimitar Milushev
    Admin
    Dimitar Milushev avatar
    555 posts

    Posted 16 May 2008 Link to this post

    Hi,

    You can use the following CSS to set the Appointment height to 40px and set the resource headers to match their height (this is for the Timeline View):

        <style type="text/css"
            .RadScheduler .rsAllDayCell div.rsWrap 
            { 
                height:40px; 
            } 
             
            .RadScheduler .rsHoursTable th.rsSubHeaderHidden 
            { 
                height:40px; 
            } 
             
            .RadScheduler .rsHoursTable tr th.rsSubHeaderLast 
            { 
                height:41px; 
            } 
             
        </style> 

    Note that the last height should be 1 pixel higher than the appointments' height to compensate for borders.

    Regards,
    Dimitar Milushev
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. shad
    shad avatar
    8 posts
    Member since:
    Jun 2006

    Posted 19 May 2008 Link to this post

    Thanks for the tips, they were very helpful. In my case I had to increase the last height by 2 pixels instead of 1px. I can now display the appointments template correctly and the cells are correctly aligned.
  4. Paul
    Paul avatar
    4 posts
    Member since:
    Aug 2010

    Posted 06 Jan 2012 Link to this post

    I have the same problem, but when I apply css nothing happened in my case.

    In my code Eval("Subject")  generated dynamically and contains hyperlink.  
    <AppointmentTemplate>
        <%# Eval("Subject") %>
    </AppointmentTemplate>

    Each appointment should have 3 lines which I have to display. But this css doesn't work. I have MonthlyView scheduler.
    .RadScheduler .rsAllDayCell div.rsWrap 
            { 
                height:40px; 
            } 
             
            .RadScheduler .rsHoursTable th.rsSubHeaderHidden 
            { 
                height:40px; 
            } 
             
            .RadScheduler .rsHoursTable tr th.rsSubHeaderLast 
            { 
            height:41px; 
            
    I always found another code:
    .rsMonthView .rsWrap   
         {   
            height: 50px !important;       
         }   
         .rsMonthView .rsDateWrap   
         {   
            height: 24px !important;   
         }   
         .rsMonthView .rsLastWrap    
         {   
            height: 24px !important;   
         }   
         .rsMonthView .rsApt   
         {   
            height: 48px !important;   
         }   
        .RadScheduler_Default
        {   
          height:150px !important;   
        }  
    This code only increase space between appointments, but not increase height of the the appointment in IE8.
    In FireFox second css looks good. 
    We need some resolution for IE.
     
    Thanks for help,
    Paul 

  5. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 10 Jan 2012 Link to this post

    Hello Paul,

    Instead of using the css workaround from this kb article, I recommend you simply set the RowHeight property of RadScheduler to some larger value and test if this helps you get the desired appearance.

    Regards, Peter
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  6. Paul
    Paul avatar
    4 posts
    Member since:
    Aug 2010

    Posted 10 Jan 2012 Link to this post

    Thanks, I successfully increase appointment height.

    Another issue I have: I use TimelineView for scheduler and I always display only one day. Sometimes scheduler has only vertical, sometimes both vertical and horizontal scrollbars. How can I remove both scrollbars from TimelineView scheduler?

    Thanks,
    Paul
  7. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 11 Jan 2012 Link to this post

    Hello Paul,

    Normally, there shouldn't be any scrollbars as evidenced by the online demo.

    Can you send us a sample code with which we can replicate the problem locally?

    Kind regards,
    Peter
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  8. Paul
    Paul avatar
    4 posts
    Member since:
    Aug 2010

    Posted 11 Jan 2012 Link to this post

    I found my problem. To decrease height I uses next code:
    .rsTimelineView .rsAllDayTable .rsAllDayRow
            {
                height: 28px!important;   
            }

    When I increase height to 28 scrollbars are disapear.

    Thanks,
    Paul
  9. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 12 Jan 2012 Link to this post

    Hi Paul,

    We are glad you could locate the issue. Let me know if you need any further assistance.

    Kind regards,
    Kate
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top