Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 31 additions & 7 deletions components/scheduler/views/agenda.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Agenda
page_title: Scheduler - Agenda View
description: Agenda View in the Scheduler for Blazor.
description: The Agenda view in the Scheduler for Blazor shows a weekly summary or a user-defined custom period in a table format, providing a clear event overview.
slug: scheduler-views-agenda
tags: telerik,blazor,scheduler,view,agenda
published: True
Expand All @@ -10,7 +10,7 @@ position: 6

# Agenda View

The Agenda view of the Scheduler for Blazor shows a weekly summary (or a custom period set by the user) in a table format.
The Agenda view of the Scheduler for Blazor shows a weekly summary (or another custom period set by the user) in a table format.

In this article:

Expand All @@ -35,10 +35,12 @@ The following parameters allow you to configure the Agenda view:
>caption Declare the Agenda view in the markup

````CSHTML
@* Define the Agenda view. *@
<label for="hide-emptydays-checkbox" class="k-checkbox-label checkbox-label">Hide Empty Days</label>
<TelerikCheckBox @bind-Value="@HideEmptyDays" Id="hide-emptydays-checkbox"></TelerikCheckBox>

<TelerikScheduler Data="@Appointments" @bind-Date="@StartDate" Width="800px">
<SchedulerViews>
@* Enable the Agenda view and use the 'HideEmptyAgendaDays' option to control whether days without appointments are shown in the Agenda view*@
<SchedulerAgendaView HideEmptyAgendaDays="@HideEmptyDays" />
</SchedulerViews>
</TelerikScheduler>
Expand Down Expand Up @@ -72,18 +74,40 @@ The following parameters allow you to configure the Agenda view:
End = new DateTime(2024, 10, 22, 15, 00, 0)
},
new SchedulerAppointment
{
Title = "Weekly Team Meeting",
Description = "Discuss the project progress.",
Start = new DateTime(2024, 10, 23, 13, 30, 0),
End = new DateTime(2024, 10, 23, 14, 00, 0)
},
new SchedulerAppointment
{
Title = "Security Training",
Description = "Security Training",
Start = new DateTime(2024, 10, 24, 10, 30, 0),
End = new DateTime(2024, 10, 24, 11, 30, 0)
},
new SchedulerAppointment
{
Title = "Gym Workout",
Description = "Training",
Start = new DateTime(2024, 10, 24, 17, 00, 0),
End = new DateTime(2024, 10, 24, 18, 30, 0)
},
new SchedulerAppointment
{
Title = "Team Outing",
Description = "Lunch with the team.",
Start = new DateTime(2024, 10, 23, 12, 30, 0),
End = new DateTime(2024, 10, 23, 14, 00, 0)
Start = new DateTime(2024, 10, 25, 12, 30, 0),
End = new DateTime(2024, 10, 25, 14, 00, 0)
},
new SchedulerAppointment
{
Title = "Webinar",
Description = "Industry trends and insights.",
Start = new DateTime(2024, 10, 24, 16, 00, 0),
End = new DateTime(2024, 10, 24, 17, 30, 0)
Start = new DateTime(2024, 10, 28, 00, 00, 0),
End = new DateTime(2024, 10, 29, 00, 00, 0),
IsAllDay = true
},
new SchedulerAppointment
{
Expand Down
Loading