Skip to main content
All docs
V23.2

DxDocumentViewerBase.MobileMode Property

Gets or sets whether to configure the Document Viewer for mobile devices.

Namespace: DevExpress.Blazor.Reporting

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

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

Declaration

[Parameter]
public bool MobileMode { get; set; }

Property Value

Type Description
Boolean

True to configure the Document Viewer for mobile devices; otherwise, false.

Remarks

Mobile Viewer Features

Swipe the screen to the left or right to navigate between document pages.

mobile-viewer-phone-navigate

When end-users navigate between pages, the Mobile Viewer displays the current page number and the total number of document pages.

mobile-viewer-phone-page-number

Zoom

The Mobile Viewer supports touch gestures that enable you to zoom into or out of a document.

Zoom In Zoom Out
mobile-viewer-phone-zooming mobile-viewer-phone-zooming-out

End-users can zoom out to display multiple pages on screen. The maximum number of document pages depends on the mobile device’s screen size.

Tap a document and then tap the mobile-viewer-button-search button in the displayed toolbar to search for specific text.

Alternatively, swipe down on the document page and tap the dedicated area at the top.

mobile-viewer-phone-tap-to-search

In the search editor, enter the text and tap ENTER.

Export

To export a document to supported formats, tap the Export button (mobile-viewer-button-export) in the Viewer’s toolbar and select the format.

mobile-viewer-phone-export

Report Parameters

The Mobile Viewer toolbar displays the Parameters button (mobile-viewer-button-parameters) if a report contains any parameters.

mobile-viewer-phone-parameters

Tap this button to invoke a panel where you can specify and submit new parameter values.

mobile-viewer-phone-parameters-panel

Content Editing

The mobile viewer supports content editing when this feature is enabled in a report document.

mobile-viewer-phone-content-editing

Reader Mode

You can switch the Mobile Viewer to the reader mode (display document pages without borders).

Reader Mode On Reader Mode Off
mobile-viewer-phone-reader-mode-on mobile-viewer-phone-reader-mode-off

You can toggle the Reader mode in code.

Animation

Most of the actions performed on a document in the Mobile Viewer are animated. You can disable animation in code.

See Also