Make unhighlighted areas unclickable and hide hamburger menu

[Dave Conley]

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.

[Karthigeyan Krishnamurthi]

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. 

http://jsplayground.syncfusion.com/ziv0hxd4 

 

<Code> 

create: "Oncreate", 

cellClick: "cellCustom", 

cellHover: "cellCustom", 

appointmentWindowOpen: "cellCustom", 

 

window.addEventListener("resize", function () { 

    Oncreate(); 

}); 

 

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 

    } 

} 

</Code> 

 

 

Regards, 

Karthigeyan