New to Telerik Reporting? Download free 30-day trial

The PageNumber input in the toolbar is cutoff at the top

Environment

Product Progress® Telerik® Reporting
Version R1 2022
Report Viewer HTML5-based Report Viewers

Description

The page number input located in the report viewer's toolbar seems to be cutoff at the top when using Telerik UI for MVC R1 2022.

PageNumber input being cutoff

Cause

This is caused by the input having a default -2px margin at the top.

Solution

Setting the margin-top style of the input to 2px or higher should fix the issue:

        input[data-role='telerik_ReportViewer_PageNumberInput'] {
            margin-top: 2px !important;
        }
In this article