Disable Edit/Delete in a Scehdule Agenda View

[Michael]

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

[Ruksar Moosa Sait]

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 eventSettings: EventSettingsModel = { dataSource: generateObject(), allowAdding:false, allowEditing:false, allowDeleting: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>