Hide Delete Icon and Prevent Delete for Scheduler Appointments

[Jason Russell]

I have prevented my users from deleting appointments by overriding the `beforeAppointmentRemove` event

function onAppointmentRemoved(evt)
{
    evt.cancel = true;     // Prevent Appointments from being deleted
}

However, I also want to hide/disable the [X] icon that appears when the mouse hovers over the appointment.

This needs to be for all Scheduler views (week; work week, month and agenda)

Is this possible?

Regards,

[Jason Russell]

I've achieved this by adding the appointmentHover event with the following code

function onAppointmentHover(args)
{
  $(".e-schedulemouseclose").css("visibility", "hidden");
}

Please advise if there is a better way of achieving this

[Nevitha Ravi]

Hi Jason, 

Thank you for contacting Syncfusion Support. 

We can hide the delete icon [X} and prevent Scheduler appointments delete action by setting allowDelete property to false and for the same we have prepared the sample for your reference which can be viewed from the below link. 

http://jsplayground.syncfusion.com/ngre2znk  

<Code> 

$("#Schedule1").ejSchedule({ 

                width: "100%", 

                height: "525px", 

                currentDate: new Date(2017, 5, 5), 

                allowDelete: false, 

                appointmentSettings: { 

                    dataSource: dManager, 

                    id: "Id", 

                    subject: "Subject", 

                    startTime: "StartTime", 

                    endTime: "EndTime", 

                    description: "Description", 

                    allDay: "AllDay", 

                    recurrence: "Recurrence", 

                    recurrenceRule: "RecurrenceRule" 

                } 

}); 

</Code> 

Regards, 

Nevitha. 

[Jason Russell]

Please update your documentation as that property is not listed: https://help.syncfusion.com/api/js/ejschedule#members

[Nevitha Ravi]

Hi Jason, 

Sorry for the inconvenience caused. 

We have added the API content for the property allowDelete which can be viewed from the below online link. 

https://help.syncfusion.com/api/js/ejschedule#members:allowdelete 

Regards, 

Nevitha . 

[Jason Russell]

Awesome thank you. I can also confirm that this solution met my requirements

[Nevitha Ravi]

Hi Jason, 

Thanks for your update. 

We are happy that our solution meets your requirement. 

Regards, 

Nevitha.