Disabled buttons in ReportViewer WebForms toolbar are vertically misaligned in recent versions

Kevin Locke 21 Reputation points
2021-12-04T21:39:14.13+00:00

In recent versions of the WebForms ReportViewer, disabled buttons (such as the "First Page", "Previous Page", and "Go back to the parent report" when on the first page of a non-child report) appear at the top of the ReportViewer toolbar rather than vertically centered as the other buttons do:

155041-reportviewer-toolbar-15014040.png

This occurs on Firefox 94.0.2, Chrome 96.0.4664.45, and Edge 96.0.1054.43 with Microsoft.ReportingServices.ReportViewerControl.WebForms 150.1484.0. The issue occurs as far back as version 150.1404.0. With 150.1400.0 the toolbar looks correct:

155023-reportviewer-toolbar-15014000.png

The issue appears to be related to the addition of height: 100% between 150.1404.0 and 150.1404.0 to the following rule:

.MSRS-RVC .NormalButton table,  
.MSRS-RVC .HoverButton table,  
.MSRS-RVC .aspNetDisabled table {  
    width: 56px;  
    height: 100%;  
}  

The rule does not apply to DisabledButton, causing the issue. It appears at line 360 of Microsoft.Reporting.WebForms.Styles.Htmlviewer.css in version 150.1484.0 and can be fixed by changing the rule to:

.MSRS-RVC .NormalButton table,  
.MSRS-RVC .HoverButton table,  
.MSRS-RVC .DisabledButton table,  
.MSRS-RVC .aspNetDisabled table {  
    width: 56px;  
    height: 100%;  
}  

(or changing aspNetDisabled to DisabledButton, since there do not appear to be any other references or uses of this class name). The issue can be worked around by adding the fixed rule to any stylesheet on the affected page.

Obviously this isn't really a question, but the documentation says to "Let the team know about issues on the Reporting Services forums." (here). So I guess my question really is: How can I help get this fixed?

Thanks,
Kevin

SQL Server Reporting Services
SQL Server Reporting Services
A SQL Server technology that supports the creation, management, and delivery of both traditional, paper-oriented reports and interactive, web-based reports.
3,063 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. Joyzhao-MSFT 15,636 Reputation points
    2021-12-06T02:23:14.737+00:00

    Hi @Kevin Locke
    At first, we want to check the browser versions supported by SQL Server Reporting Services (SSRS), ReportViewer control, and Power View.
    Support for the Microsoft Edge Legacy browser stopped beginning March 9, 2021, and support for Microsoft Internet Explorer 11 stopped beginning August 17, 2021. Support for Edge (Internet Explorer mode) and Chrome will be supported going forward, but may experience some visual (non-functional) issues on versions of SSRS prior to 2016.

    You could click the following link to feedback the issue: https://feedback.azure.com/forums/908035-sql-server.
    If the requirement mentioned by customers for many times, the product team may consider to add this feature in the next SQL Server version.
    Your feedback is valuable for us to improve our products and increase the level of service provided.
    Best Regards,
    Joy


    If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.


Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.