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

Hide time table, keep "All Day" only?

7 Answers 485 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Yuriy
Top achievements
Rank 1
Yuriy asked on 17 Jul 2014, 05:07 PM
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

7 Answers, 1 is accepted

Sort by
0
Vladimir Iliev
Telerik team
answered on 18 Jul 2014, 05:32 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Yuriy
Top achievements
Rank 1
answered on 18 Jul 2014, 03:31 PM
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

0
Yuriy
Top achievements
Rank 1
answered on 18 Jul 2014, 03:49 PM
Actually removing fixed Height() helps (I'm using scheduler inside TabStrip), except for Month View. But it looks like more Grouping issue though.
0
Vladimir Iliev
Telerik team
answered on 21 Jul 2014, 07:11 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Yuriy
Top achievements
Rank 1
answered on 21 Jul 2014, 03:10 PM
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
0
Vladimir Iliev
Telerik team
answered on 23 Jul 2014, 09:51 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Reiner
Top achievements
Rank 1
answered on 24 Jul 2014, 03:20 PM
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")
});

});
Tags
Scheduler
Asked by
Yuriy
Top achievements
Rank 1
Answers by
Vladimir Iliev
Telerik team
Yuriy
Top achievements
Rank 1
Reiner
Top achievements
Rank 1
Share this question
or