Enabling Scroll Navigation in a Bold Reports ASP.NET Core Application

Published:

Updated:

In Bold Reports, users typically navigate between report pages using the “Next Page” button. For a smoother experience, users can enable scroll navigation, allowing them to seamlessly browse reports without manually clicking to switch pages.

This feature is particularly useful for large reports, enhancing usability and providing a more intuitive reading experience. Scroll navigation can be enabled in embedded applications using API configuration.

Benefits of Scroll Navigation

Seamless navigation between pages without manual clicks.
Improved usability for lengthy reports.
Enhanced user experience with smooth page transitions.

Steps to Enable Scroll Navigation in an .NET Core Application

Follow the steps below to enable scroll navigation in an ASP.NET Core application:

1. Locate the Report Viewer Component

Open your embedded Bold Reports application and find the report viewer component in your application.

2. Modify the Report Viewer Tag

Update the <bold-report-viewer> tag by adding the enable-on-scroll-navigation attribute and set it to true:

<bold-report-viewer id="viewer"
    report-path="sales-order-detail.rdl"
    report-service-url="/api/ReportViewer"
    enable-on-scroll-navigation="true">
</bold-report-viewer>

3. Save the Changes and Reload the Application

After making the changes, save the file and reload your application to apply the update. Ensure that the report viewer component is correctly configured.

Expected Output:
Once enabled, users can seamlessly scroll through report pages without manually clicking the Next Page button. This significantly enhances the user experience, making navigation smoother and more intuitive.

Demo Preview:

Users can now scroll through report pages instead of clicking the “Next Page” button, providing a more seamless and user-friendly navigation experience.

Was this article useful?

Dislike

Comments (0)