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

Disable Edit/Delete in a Scehdule Agenda View

Hi Support,
I have a Schedule working in an Angular/Firestore web app. I want to show the entered events to users with a readonly type of property (i.e. I don't want them editing or deleting the events).

Is there a way I can only show the Agenda view, without the ability to add new events or edit/delete the current ones?


Regards,

Michael



1 Reply 1 reply marked as answer

RM Ruksar Moosa Sait Syncfusion Team November 18, 2022 03:53 AM

Hi Michael,


Please use any one of the solutions below to achieve your requirement.


Solution 1:


To disable the adding, deleting and editing of an appointment in the scheduler, set the following properties allowAdding , allowDeleting, allowEditing as false.

Sample: https://stackblitz.com/edit/angular-fumq82?file=app.component.html,app.component.ts



public eventSettingsEventSettingsModel = { dataSource: generateObject(), allowAdding:falseallowEditing:falseallowDeleting:false };



Solution 2:


To set the scheduler to read-only mode, set the readonly property to true.

Sample: https://stackblitz.com/edit/angular-xj3dt4?file=app.component.html,app.component.ts


<ejs-schedule #scheduleObj width='100%' height='650px' width='100%' [selectedDate]="selectedDate" 
[eventSettings]="eventSettings" [(currentView)]="currentView" [readonly]="true">

  </ejs-schedule>



Marked as answer
Loader.
Live Chat Icon For mobile
Up arrow icon