[Fixing] Report Viewer control toolbar in Google Chrome
In this example, we explain how to display the Report Viewer toolbar in a single row in the Google Chrome browser and Firefox browser.
By default, it displays the toolbar in multiple rows in the Chrome browser.
So here we explain SQL Server Reporting Services Report Viewer control has a toolbar that is not displayed correctly in Google Chrome browser and Firefox because, On Google Chrome, each button in the toolbar takes a separate line so how to set the toolbar of Report Viewer from multiple rows to a single row in Chrome and Firefox browser.
So here we convert code into Browser capability code so in every browser the report viewer toolbar displays in a single row with the same layout.
I have faced that type of problem and finally, I got the solution
As we know that In the Chrome browser, Report Viewer (8 & 9) toolbar elements are displayed in multiple rows as shown below.
After implementing the below code the report viewer toolbar will be displayed in a single line like
<script type="text/javascript">
$(document).ready(function () {
if ($.browser.webkit) {
$(".ms-report-viewer-control :nth-child(3) table").each(function (i, item) {
$(item).css('display', 'inline-block');
});
}
});
</script>
Comments