@page "/design"
@rendermode InteractiveServer

<h3>ReportViewer</h3>

<link href="_content/DevExpress.Blazor.Themes.Fluent/core.min.css" rel="stylesheet" />
<link href="_content/DevExpress.Blazor.Themes.Fluent/global.min.css" rel="stylesheet" />
<link href="_content/DevExpress.Blazor.Themes.Fluent/modes/light.min.css" rel="stylesheet" />
<link href="_content/DevExpress.Blazor.Themes.Fluent/accents/blue.min.css" rel="stylesheet" />
<link href="_content/DevExpress.Blazor.Reporting.Viewer/css/dx-blazor-reporting-components.fluent.css" rel="stylesheet" />

<DxReportDesigner ReportName="TestReport1" Height="750px" Width="100%">
    <DxReportDesignerCallbacks CustomizeMenuActions="DesignerCustomization.onCustomizeActions"
                               BeforeRender="ReportingDesignerCustomization.RemoveAppearanceSection"
                               CustomizeElements="ViewerCustomization.onCustomizeElements" />
</DxReportDesigner>