Hide parts of the Scheduler control

4 posts, 0 answers
  1. Tyler
    Tyler avatar
    32 posts
    Member since:
    Jun 2011

    Posted 30 Jan 2014 Link to this post

    How can I hide everything that is in the header above the calendar of the Scheduler control?  (Today, < >,  datepicker, Day, Week Month, Agenda)

    I would also like to hide the footer that has the Show Business Hours.


  2. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 03 Feb 2014 Link to this post

    Hi Tyler,

    You can use

    .k-scheduler-toolbar,
    .k-scheduler-footer
    {
        /* make them invisible */
        display: none;
     
        /* prevent height and paddings from influencing the size calculations */
        height: 0;
        padding: 0;
        overflow: hidden;
    }


    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Erik
    Erik avatar
    24 posts
    Member since:
    Sep 2013

    Posted 20 Apr 2014 in reply to Dimo Link to this post

    I have the same question. With this solution, also the 2nd header (the one with the day, week range or month) will be invisible.
    I only want to hide the top one (Today, Day, Week Month, Agenda)
  5. Erik
    Erik avatar
    24 posts
    Member since:
    Sep 2013

    Posted 20 Apr 2014 in reply to Erik Link to this post

    Haha, let me answer my own question. Just some CSS:

    #scheduler .k-scheduler-toolbar:nth-of-type(1) {
    ...
Back to Top
Kendo UI is VS 2017 Ready