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

eventheight height for AllDayEventTemplate

5 Answers 495 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Jari
Top achievements
Rank 1
Jari asked on 04 Dec 2013, 01:53 AM
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

5 Answers, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 04 Dec 2013, 01:52 PM
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!
0
Gal
Top achievements
Rank 2
answered on 05 Apr 2015, 07:56 AM

Hi Dimo 

 

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

0
Dimo
Telerik team
answered on 06 Apr 2015, 07:41 AM
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!
0
Gal
Top achievements
Rank 2
answered on 06 Apr 2015, 07:44 AM
OK is there a way to change the slot height ? 
0
Dimo
Telerik team
answered on 08 Apr 2015, 06:31 AM
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!
Tags
Scheduler
Asked by
Jari
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Gal
Top achievements
Rank 2
Share this question
or