DxDocumentViewerTabPanelSettings Class

A nested component that allows you to customize the Document Viewer’s tab panel.

Namespace : DevExpress.Blazor.Reporting

Assembly : DevExpress.Blazor.Reporting.v25.2.JSBasedControls.Common.dll

NuGet Package : DevExpress.Blazor.Reporting.JSBasedControls.Common

csharp

public class DxDocumentViewerTabPanelSettings :
    SettingsComponent<TabPanelSettingsModel>

Public Class DxDocumentViewerTabPanelSettings
    Inherits SettingsComponent(Of TabPanelSettingsModel)

Remarks

The Web Document Viewer’s tab panel is a tabbed side panel that slides from the left or right side. A panel contains tabs, such as the Document Map, Parameters, Export Options and Search Panel tab.

The DxDocumentViewerTabPanelSettings object defines the tab panel’s position and width. The following code specifies a panel 400px wide that slides from the left side of the Web Document Viewer.

DocumentViewer.razor

razor

<DxDocumentViewer ReportName=@ReportName Height="700px" CssClass="w-100">
    <DxDocumentViewerTabPanelSettings Position=TabPanelPosition.Left Width="400" />
</DxDocumentViewer>

Inheritance

Object ComponentBase DevExpress.Blazor.Reporting.Base.SettingsComponent<DevExpress.Blazor.Reporting.TabPanelSettingsModel> DxDocumentViewerTabPanelSettings