How to Add Columns in the Agenda View of Blazor Scheduler?

In the Syncfusion Blazor Scheduler, it is possible to enhance the agenda view by incorporating additional columns. Alternatively, you can achieve a comparable user interface by utilizing the EventTemplate feature. This approach enables the display of supplementary event details with customized styling, offering greater flexibility in the design and layout of your Agenda view.

Below is an example of how to customize the EventTemplate in Syncfusion Blazor Scheduler:

[index.razor]

<SfSchedule TValue="AppointmentData" Height="650px" @bind-SelectedDate="@CurrentDate">
    <ScheduleEventSettings DataSource="@DataSource">
        <Template>
        <div style="display: flex; justify-content: space-between;">
            <div class="Subject">Subject: @((context as AppointmentData).Subject)</div>
            <div class="StartTime">StartTime: @((context as AppointmentData).StartTime)</div>
            <div class="EndTime">EndTime: @((context as AppointmentData).EndTime)</div>
            <div class="Location">Location: @((context as AppointmentData).Location)</div>
        </div>
    </Template>
    </ScheduleEventSettings>
    <ScheduleViews>
        <ScheduleView Option="View.Agenda"></ScheduleView>
    </ScheduleViews>
</SfSchedule>

<style>
    .StartTime, .EndTime, .Location {
      margin-left: 15px;
    }
</style>

Here is the Sample link for your reference: https://blazorplayground.syncfusion.com/hNLTjlLrnJXcpGGy

Conclusion:

I hope you enjoyed learning about how to additional columns be added to the Agenda view of the Blazor Scheduler.

You can refer to our Blazor Scheduler feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!