Skip to main content
All docs
V25.1
  • DxDocumentViewerBase.MobileMode Property

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

    Namespace: DevExpress.Blazor.Reporting

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