Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how do I remove parts of the Kendo UI Scheduler that I don't want to show?

I'd like remove the header controls from the top of the Kendo UI Scheduler control, i.e. the part outlined in red from this screenshot:

enter image description here

I just want to show one static Day view for a single day. Any ideas?

like image 998
csells Avatar asked Dec 29 '13 03:12

csells


2 Answers

for all Day Slot hide

$("#scheduler").kendoScheduler({
    allDaySlot: false,
});  

for Toolbar hide:

<style>
    .k-scheduler-toolbar {
        border-width: 0 0 1px;
        display: none;
    }
</style>
like image 161
Rio Stephen Avatar answered Nov 09 '22 13:11

Rio Stephen


I'm not sure how to remove all of that, but you can at least remove the All Day slot by selecting allDaySlot: false in the views collection. If you only want to show the "day" view, you would use something like this (also showing how to remove footer; same doesn't appear to work for header, though):

$("#scheduler").kendoScheduler({
    views: [ 
    { type: "day", selected: true, allDaySlot: false}
    ],
    footer: false // removes the footer
});
like image 3
ssmith Avatar answered Nov 09 '22 14:11

ssmith