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.
Unfortunately, activation email could not send to your email. Please try again.

Make unhighlighted areas unclickable and hide hamburger menu

Thread ID:





132020 Aug 8,2017 01:43 PM Aug 9,2017 06:46 AM ASP.NET MVC 1
Tags: Schedule
Dave Conley
Asked On August 8, 2017 01:43 PM

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 [Syncfusion]
Replied On August 9, 2017 06:46 AM

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 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.