Skip to main content
All docs
V23.2

DxReportViewer.Zoom Property

Gets or sets the zoom level.

Namespace: DevExpress.Blazor.Reporting

Assembly: DevExpress.Blazor.Reporting.v23.2.Viewer.dll

NuGet Package: DevExpress.Blazor.Reporting.Viewer

Declaration

[Parameter]
public double Zoom { get; set; }

Property Value

Type Description
Double

The zoom level value.

Remarks

The following code gets the zoom level after it is increased by 15%:

await reportViewer.UpdateZoomAsync(15);
double currentZoomLevel = reportViewer.Zoom;

The following code sets the zoom level to 125%:

<div @ref="viewerComponent" style="width: 100%; height: 100%;">
    <DxReportViewer @ref="reportViewer"
                    Zoom="1.25"
                    Report="Report" />
</div>

View Example: Report Viewer for Blazor - Customization API

Use constants to set the zoom level to PageWidth and WholePage. The following snippet sets the zoom level to Page Width:

@using DevExpress.Blazor.Reporting.Models
@*...*@

<DxReportViewer @ref="reportViewer" Report="Report" Zoom=ZoomConstants.PageWidth/>
See Also