Search code examples
asp.netvisual-studio-2010reporting-servicesreport-viewer2010

Report viewer toolbar icons spaced too widely

First time adding a reporting services report into an ASP.NET page, and am using local processing. Is there a way to control the reportviewer toolbar (Visual Studio 10) so that the icons aren't spaced so wide? Mine were spanning multiple rows, and I could only get them onto one row by removing some of them. Below is an image as well as the page code.

<rsweb:ReportViewer ID="rptWireReport" runat="server" Font-Names="Verdana" 
    Font-Size="8pt" InteractiveDeviceInfos="(Collection)" 
    WaitMessageFont-Names="Verdana" WaitMessageFont-Size="14pt" 
    SizeToReportContent="true" ShowFindControls="False" 
    ShowZoomControl="False">
    <LocalReport ReportPath="reports\WireReport.rdlc">
    </LocalReport>
</rsweb:ReportViewer>

enter image description here

Solution

  • Because the reportviewer toolbar icons are using table cells for their layout, any padding or spacing applied to any of the table tags in CSS will have an affect on the layout of the toolbar. In this case I was simply able to remove the unnecessary cellpadding values from the CSS so they would lay out correctly.