Enable Scroll Option on All-Day Section in ASP.NET Core Scheduler

When you have a large number of appointments in the all-day row, it is difficult to view all of them at once. In that case, you can enable the scroller option for the all-day row by setting enableAllDayScroll to true. Its default value is false. When this property is set to true, an individual scroller is enabled for the all-day row when it reaches its maximum height on expanding.

This property is not applicable when the Scheduler is configured with height set to auto.

@using Syncfusion.EJ2.Schedule

<ejs-schedule height="550" selectedDate="new DateTime(2021, 3, 28)" enableAllDayScroll="true">
    <e-schedule-eventsettings dataSource="@ViewBag.appointments">
        <e-eventsettings-fields id="Id">
            <e-field-subject name="Subject"></e-field-subject>
            <e-field-isallday name="IsAllDay"></e-field-isallday>
            <e-field-starttime name="StartTime"></e-field-starttime>
            <e-field-endtime name="EndTime"></e-field-endtime>
        </e-eventsettings-fields>
    </e-schedule-eventsettings>
</ejs-schedule>
public ActionResult Index()
{
    ViewBag.appointments = generateObject();
    return View();
}

public List<AppointmentData> generateObject()
{
    List<AppointmentData> appData = new List<AppointmentData>(25);
    for (int a = 0; a <= 25; a++)
    { 
        appData.Add(new AppointmentData
        {
            Id = a + 1,
            Subject = 'Testing',
            StartTime = new Date(2021, 3, 28),
            EndTime = new Date(2021, 3, 29),
            IsAllDay = true
        });
    }
    return appData;
}

public class AppointmentData
{
    public int Id { get; set; }
    public string Subject { get; set; }
    public DateTime StartTime { get; set; }
    public DateTime EndTime { get; set; }
    public bool IsAllDay { get; set; }
}