Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxDocumentViewerBase.MobileMode Property

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

Namespace: DevExpress.Blazor.Reporting

Assembly: DevExpress.Blazor.Reporting.v24.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