eventheight height for AllDayEventTemplate

6 posts, 1 answers
  1. Jari
    Jari avatar
    5 posts
    Member since:
    Sep 2011

    Posted 03 Dec 2013 Link to this post

    Hi all,

    I know that I can set the eventheight for Month view to show 2 lines, and it works.
    However, I need to show 2 lines in the AllDayEventTemplate.

    Is there any ways to do this?

    Thank you,
    Jari
  2.
  3. Answer
    Dimo
    Admin
    Dimo avatar
    8457 posts

    Posted 04 Dec 2013 Link to this post

    Hello Jari,

    You can change the all day events' height with  CSS:

    .k-scheduler-header-wrap .k-event
    {
        min-height: ...;
    }


    If the all day event must be too high, you may need to expand the all day event row as well.

    .k-scheduler-header-wrap .k-scheduler-header-all-day
    {
        height: ...;
    }
     
    .k-scheduler-header-wrap .k-event
    {
        min-height: ...;
    }


    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Gal
    Gal avatar
    48 posts
    Member since:
    Apr 2009

    Posted 05 Apr 2015 in reply to Dimo Link to this post

    Hi Dimo 

     

    Is there a way to make the event auto size to it's content ? 

  7. Dimo
    Admin
    Dimo avatar
    8457 posts

    Posted 06 Apr 2015 Link to this post

    Hello Gal,

    The event height depends on the event duration (day view, week view), or it is calculated, depending on the slot height (month view). I am afraid the event height cannot depend on the event content.

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  8.
  9. Gal
    Gal avatar
    48 posts
    Member since:
    Apr 2009

    Posted 06 Apr 2015 in reply to Dimo Link to this post

    OK is there a way to change the slot height ? 
  11. Dimo
    Admin
    Dimo avatar
    8457 posts

    Posted 08 Apr 2015 Link to this post

    Hello Gal,

    Yes, the slot height can be changed. The table cells from the month view have a default 80px height style defined in the Kendo UI CSS (see the screenshot). You can override this height with another similar CSS rule, according to your preferences.

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top