Hide time table, keep "All Day" only?

8 posts, 0 answers
  1. Yuriy
    Yuriy avatar
    9 posts
    Member since:
    Jan 2012

    Posted 17 Jul 2014 Link to this post

    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
  2.
  3. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2206 posts

    Posted 18 Jul 2014 Link to this post

    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.

     
  5. Yuriy
    Yuriy avatar
    9 posts
    Member since:
    Jan 2012

    Posted 18 Jul 2014 in reply to Vladimir Iliev Link to this post

    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

  7. Yuriy
    Yuriy avatar
    9 posts
    Member since:
    Jan 2012

    Posted 18 Jul 2014 in reply to Yuriy Link to this post

    Actually removing fixed Height() helps (I'm using scheduler inside TabStrip), except for Month View. But it looks like more Grouping issue though.
  8.
  9. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2206 posts

    Posted 21 Jul 2014 Link to this post

    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.

     
  11. Yuriy
    Yuriy avatar
    9 posts
    Member since:
    Jan 2012

    Posted 21 Jul 2014 in reply to Vladimir Iliev Link to this post

    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
  13. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2206 posts

    Posted 23 Jul 2014 Link to this post

    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.

     
  14.
  15. Reiner
    Reiner avatar
    1 posts
    Member since:
    Aug 2011

    Posted 24 Jul 2014 Link to this post

    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")
    });

    });
Back to Top