Hide time table, keep "All Day" only?

[Yuriy]

Hi,

Is there the way to hide all the times grid and just keep "All Day" row, since visits in my project are whole day events?

I have tried to set business hours to the same time, it didn't worked for me.

Any suggestion?

Thank you,
-Yuriy

[Vladimir Iliev]

Hi Yuriy,

Basically the desired behavior is not supported out of the box and custom solution would be needed.  For example you can try hiding the second table using the DataBound event as demonstrated in this demo.

Regards,
Vladimir Iliev
Telerik

 

 

[Yuriy]

Hi Vladimir,

Thanks for your reply. Unfortunately this approach isn't working for several reasons: I have vertical grouping set, which makes it harder to hide multiple nested table cells; Using DataBound event - still shows time cells while loading is spinning (ajax data binding); After hiding cells control border got compromise. Second and third - your can see it in your sample.

Setting WorkDayStart(08, 0, 0) and WorkDayEnd(08, 0, 1) does the trick, but sizing is kinda difficult.

Any ideas? Thanks, -Yuriy

[Yuriy]

Actually removing fixed Height() helps (I'm using scheduler inside TabStrip), except for Month View. But it looks like more Grouping issue though.

[Vladimir Iliev]

Hi Yuriy,

As I already mention the desired behavior is not supported and custom solution would be needed. Please note however that custom solutions are out of scope of our support service as it covers the build-in functionality of the controls only.
Currently I can only suggest to share your idea at Kendo UI UserVoice to allow other users vote for it. Most voted ideas are included in next Kendo UI / Telerik UI for ASP.NET MVC releases.

Regards,
Vladimir Iliev
Telerik

 

 

[Yuriy]

Hi Vladimir,

As I understood, vertical grouping is supported functionality. The current issue is incorrect rendering in "Month" View when vertical grouping is set but Height is missing (using the scheduler inside kendo tab):

telerik code library - schedulercustomview_mvc.zip sample
http://www.telerik.com/support/code-library/custom-view-0286055de51d

the only change to Views/Home/Index.cshtml:

@(Html.Kendo().Scheduler<SchedulerCustomEditor.Models.MeetingViewModel>()
    .Name("scheduler")
    .Date(new DateTime(2013, 6, 13))
    .StartTime(new DateTime(2013, 6, 13, 7, 00, 00))
    //.Height(600) - change
    .Views(views => {
        views.DayView();
        views.WeekView();
        views.MonthView(m => m.Selected(true)); // change - Month Default view
        views.AgendaView();
    })
    .Group(group => group.Resources("Attendees").Orientation(Kendo.Mvc.UI.SchedulerGroupOrientation.Vertical)) // vertical grouping added
    .Timezone("Etc/UTC") ....

Month View render screenshot attached.

Thanks, -Yuriy

[Vladimir Iliev]

Hi Yuriy,

After further investigation it seems that the CSS styles currently applied to the "month" view cells are causing this behavior - I informed our dev team and fix will be released in next internal builds of Telerik UI for ASP.NET MVC.

Also as a small sign of appreciation for reporting this behavior I updated your telerik points.

Regards,
Vladimir Iliev
Telerik

 

 

[Reiner]

If you are using binding the vertical grouping then the above way makes you some issues..it will resources also.
 then the only approach is using style hiding using jquery

Make kendo properties like below,

    .Selectable(false)
    .AllDaySlot(true)
    .MajorTick(1440)
    .MinorTickCount(1)

Now you will see two rows per resource and hide the time raw using jquery

$(function () {
$(".k-middle-row").hide();
$(".k-scheduler-times-all-day").each(function () {
$(this).hide();
$(this).parent().closest('tr').next('tr').hide();
$(this).closest('th').prev('th').attr("rowspan", "1")
});

});