devexpress-blazor-scheduler

Name: devexpress-blazor-scheduler
Author: DevExpress

35stars6forks

How to install devexpress-blazor-scheduler?

devexpress/agent-skills/devexpress-blazor-scheduler

$npx -y skills add DevExpress/agent-skills --skill devexpress-blazor-scheduler

Installs into the current project.

Summary

--- name: devexpress-blazor-scheduler description: Build and configure the DevExpress Blazor Scheduler (DxScheduler) — a calendar/appointment scheduling component for Blazor Server, WebAssembly, and Hybrid apps. Use for day/week/work-week/month/timeline views; data binding via

Files · 1

View on GitHub

SKILL.md

1	# DevExpress Blazor Scheduler
2
3	`DxScheduler` is a calendar/appointment component for Blazor. It visualizes time-based data as appointments across Day, Week, Work Week, Month, and Timeline views. Users can create, edit, drag, resize, and delete appointments through built-in UI.
4
5	## When to Use This Skill
6
7	- Display appointments or events in calendar views
8	- Bind to a collection of appointment data objects via `DxSchedulerDataStorage`
9	- Support recurring appointments (daily, weekly, monthly, yearly)
10	- Manage multiple resources (rooms, employees, etc.)
11	- Create, edit, or delete appointments through the built-in edit forms
12	- Show work-time-only views with `ShowWorkTimeOnly`
13	- Navigate between dates with the scheduler toolbar
14
15	## Prerequisites & Installation
16
17	### NuGet Package
18
19	\| Package \| Purpose \|
20	\|---\|---\|
21	\| `DevExpress.Blazor` \| Scheduler + all standard Blazor UI components \|
22
23	```bash
24	# Install from NuGet.org:
25	dotnet add package DevExpress.Blazor
26	```
27
28	### Setup
29
30	1. Register in `Program.cs`:
31	```csharp
32	builder.Services.AddDevExpressBlazor();
33	```
34	> v26.1 note: `DevExpress.Blazor` no longer includes `options.BootstrapVersion` or `DevExpress.Blazor.BootstrapVersion`. Do not generate either API.
35	2. Apply a theme and add client scripts in `App.razor` inside `<head>`:
36	```razor
37	@using DevExpress.Blazor
38	@DxResourceManager.RegisterTheme(Themes.Fluent)
39	@DxResourceManager.RegisterScripts()
40	```
41	3. Add namespace to `_Imports.razor`:
42	```razor
43	@using DevExpress.Blazor
44	```
45
46	## Before You Start — Ask the Developer
47
48	If the host agent has a structured question-asking tool available, use it to ask these questions one at a time with clear options — for example, Claude Code's `AskUserQuestion` tool or GitHub Copilot's `askQuestions` tool. If no such tool is available, ask the questions directly in the chat response before generating code.
49
50	1. Render mode: Are you using `InteractiveServer`, `InteractiveWebAssembly`, or `InteractiveAuto`?
51	2. Data model: What is your appointment data class? What are the field names for start, end, subject, type, recurrence, etc.?
52	3. Initial view: Which view should be shown by default? (Day, Week, Work Week, Month, Timeline)
53	4. Start date: What date should the scheduler open on?
54	5. Features: Do you need recurring appointments? Resources? Custom labels/statuses?
55
56	## Component Overview
57
58	`DxScheduler` includes:
59
60	- Data Storage (`DxSchedulerDataStorage`): Connects the component to appointment data via `AppointmentsSource` and `AppointmentMappings`
61	- Appointment Mappings (`DxSchedulerAppointmentMappings`): Maps your data model fields to scheduler concepts (Id, Start, End, Subject, Type, RecurrenceInfo, etc.)
62	- Views: `DxSchedulerDayView`, `DxSchedulerWeekView`, `DxSchedulerWorkWeekView`, `DxSchedulerMonthView`, `DxSchedulerTimelineView`
63	- Recurrence (`DxSchedulerRecurrenceInfo`): Built-in recurrence rule support (Daily, Weekly, Monthly, Yearly)
64	- Resources: Bind appointment resources via `DxSchedulerResourceMappings` and `DxSchedulerDataStorage`
65	- Labels & Statuses: Configurable labels and status indicators for appointments
66	- Appointment Templates (`HorizontalAppointmentTemplate`, `VerticalAppointmentTemplate` on each view; `AppointmentTooltipTemplate` on `DxScheduler`): Customize how appointments and hover tooltips render
67	- Drag & Resize (`AllowDragAppointment`, `AllowDragAppointmentBetweenResources`, `AllowResizeAppointment`): Users can drag appointments to reschedule them, drag between resource groups, or resize by dragging appointment borders; all three are enabled by default; set to `false` to restrict a specific operation; `AppointmentStartDragging`, `AppointmentStartResizing`, and `AppointmentDraggingBetweenResources` events allow customizing or canceling these operations
68	- Toolbar (`ToolbarItems`): Add, remove, or

People who liked this also viewed

6 picks

Type

devexpress-blazor-scheduler

35stars6forks

View on GitHub

How to install devexpress-blazor-scheduler?

devexpress/agent-skills/devexpress-blazor-scheduler

$npx -y skills add DevExpress/agent-skills --skill devexpress-blazor-scheduler

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# DevExpress Blazor Scheduler
2
3	`DxScheduler` is a calendar/appointment component for Blazor. It visualizes time-based data as appointments across Day, Week, Work Week, Month, and Timeline views. Users can create, edit, drag, resize, and delete appointments through built-in UI.
4
5	## When to Use This Skill
6
7	- Display appointments or events in calendar views
8	- Bind to a collection of appointment data objects via `DxSchedulerDataStorage`
9	- Support recurring appointments (daily, weekly, monthly, yearly)
10	- Manage multiple resources (rooms, employees, etc.)
11	- Create, edit, or delete appointments through the built-in edit forms
12	- Show work-time-only views with `ShowWorkTimeOnly`
13	- Navigate between dates with the scheduler toolbar
14
15	## Prerequisites & Installation
16
17	### NuGet Package
18
19	\| Package \| Purpose \|
20	\|---\|---\|
21	\| `DevExpress.Blazor` \| Scheduler + all standard Blazor UI components \|
22
23	```bash
24	# Install from NuGet.org:
25	dotnet add package DevExpress.Blazor
26	```
27
28	### Setup
29
30	1. Register in `Program.cs`:
31	```csharp
32	builder.Services.AddDevExpressBlazor();
33	```
34	> v26.1 note: `DevExpress.Blazor` no longer includes `options.BootstrapVersion` or `DevExpress.Blazor.BootstrapVersion`. Do not generate either API.
35	2. Apply a theme and add client scripts in `App.razor` inside `<head>`:
36	```razor
37	@using DevExpress.Blazor
38	@DxResourceManager.RegisterTheme(Themes.Fluent)
39	@DxResourceManager.RegisterScripts()
40	```
41	3. Add namespace to `_Imports.razor`:
42	```razor
43	@using DevExpress.Blazor
44	```
45
46	## Before You Start — Ask the Developer
47
48	If the host agent has a structured question-asking tool available, use it to ask these questions one at a time with clear options — for example, Claude Code's `AskUserQuestion` tool or GitHub Copilot's `askQuestions` tool. If no such tool is available, ask the questions directly in the chat response before generating code.
49
50	1. Render mode: Are you using `InteractiveServer`, `InteractiveWebAssembly`, or `InteractiveAuto`?
51	2. Data model: What is your appointment data class? What are the field names for start, end, subject, type, recurrence, etc.?
52	3. Initial view: Which view should be shown by default? (Day, Week, Work Week, Month, Timeline)
53	4. Start date: What date should the scheduler open on?
54	5. Features: Do you need recurring appointments? Resources? Custom labels/statuses?
55
56	## Component Overview
57
58	`DxScheduler` includes:
59
60	- Data Storage (`DxSchedulerDataStorage`): Connects the component to appointment data via `AppointmentsSource` and `AppointmentMappings`
61	- Appointment Mappings (`DxSchedulerAppointmentMappings`): Maps your data model fields to scheduler concepts (Id, Start, End, Subject, Type, RecurrenceInfo, etc.)
62	- Views: `DxSchedulerDayView`, `DxSchedulerWeekView`, `DxSchedulerWorkWeekView`, `DxSchedulerMonthView`, `DxSchedulerTimelineView`
63	- Recurrence (`DxSchedulerRecurrenceInfo`): Built-in recurrence rule support (Daily, Weekly, Monthly, Yearly)
64	- Resources: Bind appointment resources via `DxSchedulerResourceMappings` and `DxSchedulerDataStorage`
65	- Labels & Statuses: Configurable labels and status indicators for appointments
66	- Appointment Templates (`HorizontalAppointmentTemplate`, `VerticalAppointmentTemplate` on each view; `AppointmentTooltipTemplate` on `DxScheduler`): Customize how appointments and hover tooltips render
67	- Drag & Resize (`AllowDragAppointment`, `AllowDragAppointmentBetweenResources`, `AllowResizeAppointment`): Users can drag appointments to reschedule them, drag between resource groups, or resize by dragging appointment borders; all three are enabled by default; set to `false` to restrict a specific operation; `AppointmentStartDragging`, `AppointmentStartResizing`, and `AppointmentDraggingBetweenResources` events allow customizing or canceling these operations
68	- Toolbar (`ToolbarItems`): Add, remove, or

People who liked this also viewed

6 picks

Type