# Zoom Documents

## Content

FlexViewer supports multiple zoom options and allows users to adjust document magnification at run time or programmatically.

## Zoom Modes

Use the `ZoomMode` property to control document magnification.
The `ZoomMode` property accepts values from the `FlexViewerZoomMode` enumeration.

| @cols=1:Value | @cols=1:Description |
| ----- | ----------- |
| @cols=1:@rows=1:`ActualSize` | @cols=1:@rows=1:Displays pages at their actual size. |
| @cols=1:@rows=1:`Custom` | @cols=1:@rows=1:Uses the `ZoomFactor` property to control zoom level manually. |
| @cols=1:@rows=1:`PageWidth` | @cols=1:@rows=1:Fits the page width within the viewer. |
| @cols=1:@rows=1:`WholePage` | @cols=1:@rows=1:Fits the entire page within the viewer. |

## Zoom Documents at Run Time

Zoom options are available from the **View** menu in the FlexViewer toolbar.
The following zoom operations are supported:

* Actual Size
* Page Width
* Whole Page
* Ctrl + Mouse Wheel
* keyboard shortcuts

>type=note
> Note: Keyboard shortcuts for zoom operations are currently supported only on Android.

# Zoom Documents Programmatically

To set the zoom mode programmatically, use the `ZoomMode` property.

### <span data-testid="definition-highlighter" class="_5pioz8co _189e1dm9 _1il9buyh _19lc184f _d0altlke" style="border-image: linear-gradient(90deg, rgb(0, 101, 255), rgb(191, 99, 243), rgb(245, 230, 168)) 0 0 100% / 1 / 0 stretch; border-width: 1.6px; border-bottom-style: solid; --_11qfq0e: solid;">XAML</span>

```auto
<c1:FlexViewer x:Name="flexViewer" Grid.Row="1" Grid.ColumnSpan="2" ZoomMode="PageWidth"/>
```

### C#

```auto
flexViewer.ZoomMode = FlexViewerZoomMode.WholePage;
```

 

### Performance Considerations

Large or graphics-intensive documents may affect scrolling and rendering performance, particularly on low-memory devices.

<br>
<br>