How to Hide Parameters Tooltip in Bold Reports Report Viewer

Tooltips can be a helpful feature for providing additional information when hovering over items. However, there may be scenarios where you want to hide tooltips for parameters to achieve a cleaner interface or to prevent the display of redundant information. For example, in Bold Reports, when using multiple values in a parameter, the tooltip will show when hovering. To avoid this, a hideTooltip property is introduced. This article will guide you through the steps to hide tooltips in the Bold Reports Report Viewer when using it within your application.

Steps to Hide Tooltips

To hide tooltips, you need to set the hideTooltip property to true within the parameterSettings object. Here is an example of how to implement this in your application.

    <script type="text/javascript">
        $(function () {
            $("#viewer").boldReportViewer({
                reportServiceUrl: 'https://demos.boldreports.com/services/api/ReportViewer',
                reportPath: '~sales-order-detail.rdl',
                parameterSettings: { hideTooltip: true }
            });
        });
    </script>

Preview Snapshot:

By following the steps outlined in this article and utilizing the provided code snippet, you can successfully hide tooltips in the Bold Reports Report Viewer within your application. The Embedded JavaScript Report Viewer sample with the above changes is prepared. You can download the sample application from here.

References

For more information on how to work with report parameters and other customization options, refer to the following link.