Tab Panel - Report Viewer for Blazor

• Oct 30, 2024

Tabs

Tab Id	Icon	Panel
ReportViewer_Tabs_Parameters		Parameters Panel
ReportViewer_Tabs_Search		Search Panel
ReportViewer_Tabs_DocumentMap		Document Map Panel
ReportViewer_Tabs_ExportOptions		Export Options Panel

Customization

Use the DxReportViewer.TabPanelModel property to access the Tab Panel.

The following code creates a button that activates the Document Map Panel:

@using DevExpress.Blazor.Reporting
@using DevExpress.XtraReports.UI

@*...*@

<DxButton Click="OnClick"></DxButton>

<DxReportViewer @ref="reportViewer" Report="@Report" >
</DxReportViewer>

@code{
    DxReportViewer reportViewer { get; set; }
    XtraReport Report { get; set; }
    // ...
    void OnClick()
        {
            reportViewer.TabPanelModel.ActivateTab("ReportViewer_Tabs_Search");
        }
}