Example of Inline Editing in React Scheduler Component

/
/
InlineEditing

This demo shows the experience of adding a new appointment or editing the existing appointment through inline mode. Click on the cells to add an appointment with the subject alone and click on the appointment to edit the subject of the appointment.

More Details...

Loading....
Description

The features enable user to add or edit the appointment through inline mode. Click on the cells or the existing appointments to enable inline mode. You can press the ENTER key on the selected cell or appointment.

The feature activates when you enable the allowInline property.

  • For adding an appointment, the appointment will be created based on the selected time and subject once you focused-out or press ENTER key.
  • For editing an appointment, the appointment will be saved based on the modified subject.