Blazor Scheduler Example - Resource Based Event Filtering

This demo showcases how to efficiently manage and filter multiple staff members across different departments using a timeline view scheduler. This sample includes advanced filtering and sorting capabilities, allowing efficient management of large-scale scheduling in a healthcare environment.

Key features and components:

• Syncfusion Scheduler (SfSchedule): Displays appointments in a timeline month view, grouped by staff resources.
• Resource Grouping: Utilizes the ScheduleGroup property to group the timeline by staff members.
• Custom Resource Header: Implements a ResourceHeaderTemplate to display staff names and departments in a column format.
• Dynamic Filtering: Uses SfTextBox components with search icons for filtering staff by name and department.
• Appointment Search: Provides search functionality to filter appointments by subject.
• Sorting Capability: Allows sorting staff members by name or department in ascending or descending order.

Implementation details:

1. The scheduler is configured with a timeline month view and grouped by staff resources.
2. A custom header template (HeaderIndentTemplate) is used to create the filtering and sorting interface.
3. Staff filtering is implemented using two SfTextBox components for name and department searches.
4. Appointment filtering is achieved through a separate SfTextBox component at the top of the scheduler.
5. Sorting functionality is added using clickable icons in the custom header.
6. Search icons are added to text boxes using CSS, enhancing the user interface.

Looking for the full Blazor Scheduler component overview, features, pricing, and documentation? Visit our Blazor Scheduler component page.