This is a migrated thread and some comments may be shown as answers.

MonthView Adaptive Row Height Question

3 Answers 69 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
mark gamache
Top achievements
Rank 1
mark gamache asked on 20 May 2019, 10:29 AM

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,

 

3 Answers, 1 is accepted

Sort by
0
mark gamache
Top achievements
Rank 1
answered on 20 May 2019, 10:44 AM
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?

0
mark gamache
Top achievements
Rank 1
answered on 25 May 2019, 06:39 PM
any ideas?
0
Peter Milchev
Telerik team
answered on 29 May 2019, 08:07 AM
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.
Tags
Scheduler
Asked by
mark gamache
Top achievements
Rank 1
Answers by
mark gamache
Top achievements
Rank 1
Peter Milchev
Telerik team
Share this question
or