How to use a dropdown list instead of the textbox in scheduler quick popup

[Syncfusion Support]

Query: How to use a dropdown list instead of the textbox in scheduler quick popup

Answer:

We can define dropdownlist component inside the ContentTemplate element of ScheduleQuickInfoTemplates element with template type as “cell”. It is essential to check the element type if you want to customize a quick popup alone. The “ID” attribute of dropdownlist should be “Subject” and need to define “HtmlAttributes” to handle scheduler data operations.

@usingSyncfusion.EJ2.Blazor.Schedule

@usingSyncfusion.EJ2.Blazor.DropDowns

<EjsSchedule@ref="ScheduleObj"TValue="AppointmentData"Height="550px"SelectedDate="@(newDateTime(2019, 1, 31))">

<ScheduleQuickInfoTemplatesTemplateType="TemplateType.Cell">

<ContentTemplate>

@if((contextasAppointmentData).ElementType =="cell")

{

<EjsDropDownListID="Subject"TValue="string"TItem="Title"Placeholder="Select a title"DataSource="@AppointmentTitle"CssClass="e-field"HtmlAttributes="@EventType"Value="@((contextasAppointmentData).Subject)">

<DropDownListEventsTValue="string"ValueChange="ChangeValue">DropDownListEvents>

<DropDownListFieldSettingsValue="Text">DropDownListFieldSettings>

EjsDropDownList>

}

ContentTemplate>

ScheduleQuickInfoTemplates>

<ScheduleEventSettingsDataSource="@DataSource">ScheduleEventSettings>

EjsSchedule>

@code{

EjsSchedule ScheduleObj;

publicstringDropVal {get;set; }

List DataSource =newList {

newAppointmentData { Id = 1, Subject ="Meeting", StartTime =newDateTime(2019, 1, 31, 9, 30, 0) , EndTime =newDateTime(2019, 1, 31, 11, 0, 0), Description ="Discussion"}

};

publicclassAppointmentData

{

publicintId {get;set; }

publicstringSubject {get;set; }

publicstringLocation {get;set; }

publicDateTime StartTime {get;set; }

publicDateTime EndTime {get;set; }

publicstringDescription {get;set; }

publicboolIsAllDay {get;set; }

publicstringRecurrenceRule {get;set; }

publicstringRecurrenceException {get;set; }

publicNullable<int> RecurrenceID {get;set; }

publicstringElementType {get;set; }

}

publicclassTitle

{

publicstringText {get;set; }

}

List