How to display appointment description in the cell Scheduler

[Syncfusion Support]

Answer:

We can display the appointment description in the appointment cell by using the Template option within ScheduleEventSettings.

@usingSyncfusion.EJ2.Blazor.Schedule

@usingSystem.Globalization

<EjsScheduleTValue="AppointmentData"Height="650px"ModelType="@Model"SelectedDate="newDateTime(2019, 1, 31)">

<ScheduleEventSettingsDataSource="@DataSource">

<Template>

<div>@((contextasTemplateArgs).Subject)div>

<div>@(getTimeString((contextasTemplateArgs).StartTime)) - @(getTimeString((contextasTemplateArgs).EndTime))div>

<div>@((contextasTemplateArgs).Location)div>

<div>@((contextasTemplateArgs).Description)div>

Template>

ScheduleEventSettings>

EjsSchedule>

@code{

publicstaticstringgetTimeString(DateTime date)

{

returndate.ToString("HH:mm", CultureInfo.InvariantCulture);

}

publicclassTemplateArgs

{

publicstringSubject {get;set; }

publicstringLocation {get;set; }

publicstringDescription {get;set; }

publicDateTime StartTime {get;set; }

publicDateTime EndTime {get;set; }

}

publicTemplateArgs Model =newTemplateArgs();

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="Discuss about status", Location="Paris"}

};

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; }

}

}

[MV]

Please do not try cutting and pasting this example directly as it will not work. The code formatting in the example is all over the place!

For example:

publicintId {get;set; }

should be:

public int Id { get; set; }