skills.rest
DevExpress
DevExpressOFFICIAL
Explore all skills by this author →
WebsiteGitHub

devexpress-reports-blazor

Integrate DevExpress Report Viewer and Designer into Blazor applications.

39|7|Updated Jun 2, 2026
Search Tags:#reporting#webassembly#asp.net core#blazor#devexpress#report-viewer#report-designer
One-click install
npx skills add https://github.com/DevExpress/agent-skills --skill devexpress-reports-blazor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: devexpress-reports-blazor
Source: https://github.com/DevExpress/agent-skills/tree/main/plugins/dx-reporting/skills/devexpress-reports-blazor
Command: npx skills add https://github.com/DevExpress/agent-skills --skill devexpress-reports-blazor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill solves the complexity of integrating DevExpress Report Viewer and Report Designer components into Blazor applications across different hosting models. It eliminates guesswork around NuGet package selection, service registration order, render mode configuration, and controller setup that commonly causes runtime failures.

Core Features & Use Cases

  • Multi-Component Support: Covers five components across three families — native DxReportViewer, JS-based DxDocumentViewer/DxReportDesigner, and WASM-specific DxWasmDocumentViewer/DxWasmReportDesigner — with compatibility matrices for every Blazor hosting model.
  • Guided Workflow: Enforces a three-phase preflight process that auto-discovers project configuration, validates component compatibility, and prevents anti-patterns before code generation.
  • Production Hardening: Includes trusted type registration for custom data sources, controller implementation patterns, navigation integration, and comprehensive troubleshooting for blank viewers, missing render modes, and Skia deployment issues.

Quick Start

Use the devexpress-reports-blazor skill to integrate a DevExpress report viewer or designer into your Blazor application by following the three-phase workflow to detect your hosting model, select the correct component family, and generate the required registration and page code.

Frequently Asked Questions about devexpress-reports-blazor

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a DevExpress report viewer to a Blazor application?▼

You can embed DevExpress reports in Blazor apps using native DxReportViewer, JS-based DxDocumentViewer, or WASM-specific viewers. The skill guides you through component selection across Interactive Server, WebAssembly Standalone, and Interactive WebAssembly hosting models.

Does the DevExpress Report Designer work with Blazor WebAssembly Standalone?▼

Yes, the DevExpress Report Designer works with Blazor WebAssembly Standalone using the specific DxWasmReportDesigner component. You must configure the correct render mode and apply Skia-based rendering for deployment in this hosting model.

Why is my Blazor report viewer blank after deploying to a server?▼

A blank Blazor report viewer typically results from incorrect service registration ordering, missing render mode configuration, or unregistered custom data sources. You must verify trusted type registration and MVC controller implementation to resolve rendering failures.

Which NuGet packages do I need for DevExpress reporting in ASP.NET Core Blazor?▼

Selecting the correct NuGet packages for DevExpress reporting in ASP.NET Core Blazor depends on your target component family and hosting model. The skill enforces a preflight process to auto-discover project configuration and validate component compatibility before code generation.

Can I customize the DevExpress report viewer using JavaScript callbacks in Blazor?▼

Yes, you can customize the DevExpress report viewer using JavaScript callbacks in Blazor. The integration supports scenarios requiring report viewing, report design, or document preview with JavaScript customization alongside C# callbacks.

What is the best way to configure Skia-based rendering for WebAssembly report viewers?▼

The best way to configure Skia-based rendering for WebAssembly report viewers is to follow the production hardening guidelines for deployment. This includes addressing specific Skia deployment issues and ensuring proper service registration for the WASM hosting environment.

Related Skills

Explore More Software Engineering Skills→
DevExpressDevExpress
39

devexpress-reports-aspnetcore

Integrates DevExpress Web Document Viewer and End-User Report Designer into ASP.NET Core MVC and Razor Pages applications.

Official
Advanced
OrcaQubitsOrcaQubits
35

webmcp-register-tool

Register dynamic tools with schemas and execute callbacks via navigator.modelContext.registerTool().

Official
Intermediate
DevExpressDevExpress
39

devexpress-blazor-grid

Create DevExpress Blazor Grid components with data binding and CRUD editing.

Official
Intermediate
syncfusionsyncfusion
4

syncfusion-blazor-toolbar

Create responsive Syncfusion Blazor toolbars with buttons, icons, and separators.

Official
Advanced