In Chrome browser, Report Viewer (8 & 9) toolbar elements are displayed in multiple rows as shown below.
The quick fix for this to change the toolbar table display to ‘inline-block’ when toolbar is displayed. This can be done by applying the following simple Jquery script on document ready. Add css class ‘ms-report-viewer-control’ to your reportviewer control.
$(document).ready(function() {
if ($.browser.webkit)
{
$(".ms-report-viewer-control :nth-child(3) table").each(function(i, item) {
$(item).css('display', 'inline-block'); });
}
});
After this fix, the toolbar elements are displayed in a single row
Hope this helps
Thats wonderful indeed! I will definitely share this with others. Your contributions shows your expertise over the matter http://dubaiabayas.ae/
I am also looking for a way to force the ReportViewer datepicker to show up in Chrome and Safari. Do you have any info on that?
I am also looking for a way to force the ReportViewer datepicker to show up in Chrome and Safari. Do you have any info on that?
Hi, there are so many sites not working on your site:
http://www.rajbandi.dev/post/2011/04/03/Fixing-SSRS-Report-Viewer-control-date-picker-in-Google-chrome.aspx
http://www.rajbandi.dev/post/2011/04/03/Replacing-Report-Viewer-date-parameter-default-date-picker-with-JQuery-UI-date-picker.aspx
there are even more down pages related this topic. Is it going to be ok soon? Thanks a lot
That works fine for fixing the Header toolbar. But the data bind appears on half screen only. if we apply the jquery
$('td#oReportCell', window.parent.frames[0].frames[0].document).next().remove();
then the data is coming full screen. Again if we do sorting by clicking the column name, the data is displayed in half screen. Did u face this similar kind of issue?
I am facing the below issue any help appreciated.
All the controls (page nation, Zoom, find ,save etc…) on the report viewer toolbar are aligned top. How do I bring them to the center of the toolbar?
@Vijai
paste the same code in a controls postback, that should solve the problem 😉
if ($.browser.webkit)
{
$(“.ms-report-viewer-control :nth-child(3) table”).each(function(i, item) {
$(item).css(‘display’, ‘inline-block’); });
}