New to Kendo UI for Vue? Start a free 30-day trial

Custom Edit Form

The Scheduler enables you to customize the Form and Inputs that let you create, update, and delete its events. There are the following custom Form scenarios you can apply for the Scheduler:

Customize the default editing Form

The default editing Form of the Scheduler can be customized using the SchedulerFormEditor component and its multiple properties. Using this approach, we can customize only selected Form editors and keep the default editing configuration for the other fields.

The following example demonstrates how we can define custom editors for the title and allDay fields of each task. For more details about the other properties available, you can check this link.

Example
View Source
Change Theme:

Create custom editing Form from scratch

The Scheduler also provides an option to define a fully tailor-made editing Form when such is needed. Below you will see an example in which we are using a fully customized Form to edit the Scheduler's events.

Example
View Source
Change Theme: