DxViewer.Zoom Property

Gets or sets the zoom level.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.1.Viewer.dll

NuGet Package: DevExpress.Blazor.Viewer

Declaration

C#

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

VB.NET

<Parameter>
Public Property Zoom As Double

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/>

You can also use the UpdateZoomAsync method to change the page zoom level in the Report Viewer.