We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Make unhighlighted areas unclickable and hide hamburger menu

Is there a way to prevent the user from clicking on the gray areas (e.g., Saturday and Sunday)? I also need to prevent the hamburger menu from appearing when the screen becomes too narrow.

1 Reply

KK Karthigeyan Krishnamurthi Syncfusion Team August 9, 2017 10:46 AM UTC

Hi Dave, 
Thank you for contacting Syncfusion support. 
We have prepared the sample to prevent click actions on weekend days and to hide the hamburger menu which can be viewed from the below link. 
create: "Oncreate", 
cellClick: "cellCustom", 
cellHover: "cellCustom", 
appointmentWindowOpen: "cellCustom", 
window.addEventListener("resize", function () { 
function Oncreate() { 
    var scheduleObj = $("#Schedule1").ejSchedule("instance"); 
    if (!ej.isNullOrUndefined(scheduleObj._scheduleDrawer)) 
        $("#Schedule1navDrawerIcon").css("display", "none"); 
function cellCustom(args) { 
    if (ej.isNullOrUndefined(args.appointment)) { 
        if (args.startTime.getDay() == 0 || args.startTime.getDay() == 6) 
            args.cancel = true 

Live Chat Icon For mobile
Up arrow icon