Fixing Report Viewer control toolbar in Google Chrome

Description:-

In this example we explain that how to display Report Viewer toolbar in a single row in Google Chrome browser and Firefox browser. By default it display toolbar in a multiple rows in Chrome browser.


So here we explain SQL Server Reporting Services ReportViewer 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 toolbar of Report Viewer from multiple rows to single row in Chrome and Firefox browser.

So here we convert code into Browser compabality code so in every browser the report viewer toolbar are display in single row with same layout.

I was faced that type of problem and finally I got the solution

 As we know that In Chrome browser, Report Viewer (8 & 9) toolbar elements are displayed in multiple rows as shown below.

 after implementing below code the reportviewer toolbar will be display in single line like

To Show Example of How to Upload File in MVC Application then click here upload Image and bind to Gridview in MVC

To show Example of How to Upload Multiple File in MVC Application then click here upload multiple File in MVC

Code:-

<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>