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

EditDialogTemplateDirective

Directive

Represents the template directive for customizing the Scheduler edit dialog. To define the template, nest an <ng-template> tag with the kendoSchedulerEditDialogTemplate directive inside the <kendo-scheduler> tag (see example).

The template context is set to the current event and the following additional fields are passed:

event—The currently edited event. Represents the default context that will be assigned to any template variable which utilizes the let-x syntax—for example, let-event.
formGroup—The current FormGroup.
editMode—The current edit mode.
isNew—The state of the current event.

Definition

Package:@progress/kendo-angular-scheduler

Selector:[kendoSchedulerEditDialogTemplate]

Syntax:

html

<kendo-scheduler>
 <ng-template kendoSchedulerEditDialogTemplate let-formGroup="formGroup" let-isNew="isNew"
    autoFocusedElement=".title-input" let-editMode="editMode" let-event>
    <div>
      <label>Title:</label>
      <kendo-textbox placeholder="Title" [formControl]="formGroup.get('title') />
    </div>
 </ng-template>
</kendo-scheduler>

Inputs

autoFocusedElement

string

Specifies the query selector used to set the initial focus.