MonthView Adaptive Row Height Question

4 posts, 0 answers
  1. mark gamache
    mark gamache avatar
    10 posts
    Member since:
    Jun 2005

    Posted 20 May Link to this post

    I would like to have a monthview where the rows for empty weeks are collapsed, but weeks with appointments expand their height to fit the max number of appointments in that row. I would like the appointments to have a custom height (100px).

    For example: If Tuesday of a week has 3 appointments the row for that week would be (3*100px) + date header. Otherwise if a week doesn't have appointments the height would be the height of the date header. 

    let me know if you need more info or screen shots.

     

    thanks,

     

  2. mark gamache
    mark gamache avatar
    10 posts
    Member since:
    Jun 2005

    Posted 20 May in reply to mark gamache Link to this post

    This is a screenshot where I've set the rowheight to 60px and 
    AdaptiveRowHeight = true;

    All the rows have the date header taking up the full 60px row hieght. How do I make the date header only take up 20-30px?

  3. mark gamache
    mark gamache avatar
    10 posts
    Member since:
    Jun 2005

    Posted 25 May Link to this post

    any ideas?
  4. Peter Milchev
    Admin
    Peter Milchev avatar
    551 posts

    Posted 29 May Link to this post

    Hello Mark,

    Setting the height explicitly with !important should override the inline height set from the RowHeight for the date wrap and the "Show More" button wrap: 

    <style>
        .rsDateWrap, .rsShowMore {
            height: 20px !important;
        }
    </style>

    Regards,
    Peter Milchev
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top