Can I customize the appointment details?

[Pablo]

I have a request to add and remove some fields in the appointment details. Can I do that? How can I achieve this? I'm attaching a print screen of what I'm trying to customize.

Thank you.

[Dimitar]

Hello Pablo,

If you would like to customize the create and edit popup window of the Scheduler, this could be achieved through the Editable.TeplateName property that allows specifying a template:

@(Html.Kendo().Scheduler<SchedulerCustomEditor.Models.MeetingViewModel>()
  ...
  .Editable(editable => {
    editable.TemplateName("CustomEditorTemplate");
  })
)

Then, create a view with the specified name (CustomEditorTemplate) and define the required markup. The template automatically receives the respective model data, thus allowing you to bind the fields. Important to note is that the data_bind attribute is required to be used to apply the value binding, as the Scheduler uses MVVM internally to update the data in the views:

<div class="k-edit-label">
    @(Html.LabelFor(model => model.Title))
</div>
<div data-container-for="title" class="k-edit-field">
    @(Html.TextBoxFor(model => model.Title, new { @class = "k-textbox", data_bind = "value:title" }))
</div>

There is an existing example for ASP.NET MVC that demonstrates how the custom template could be configured for the initial fields. You could use this as a startup point to configure the same behavior in the ASP.NET Core project. In order to add new data to the template, make sure that the property is available in the Scheduler model and is also defined in the DataSource Schema.

Regards,
Dimitar
Progress Telerik