CrystalReportViewer 13 images showing too much - toolbar not rendered properly

[Former Member]

Upgraded to Crystal Report 13 Visual Studio 10 Framework 4.0 using CRforVS_13_0_13.exe

At least two image problems:

1) Top toolbar button image displays too large which increases the toolbar height and other images, items are pushed under the report.

Put cursor in text field and go to last page will move the other items to center of toolbar.  More of the too large button image shows.

[Former Member · Accepted solution]

Used Firefox Firebug add-on to track down css.

Application css was overriding CrystalReportViewer style.css with a

td, th {

padding: .25em;

}

That extra padding in table cells and headers was just enough to shift things out of alignment in the Crystal Reports. Moved that style to the class that used it and Crystal Report Viewer looked correct.

[Former Member]

continued...

2) Clicking on Export, export popup panel image is too large at top and shows extra "X"s.

C:\inetpub\wwwroot\aspnet_client\system_web\4_0_30319\crystalreportsviewers13 exists and files inside are dated 01/27/2015.

Not sure if this can be fixed through VS2010 properties or if it is something in the javascript or css.

...\js\crviewer\Toolbar.js calls MochiKit to update the newToolbar height.

Has anyone come across this and have a fix?

Thank you for your help.

Kim

[former_member11696]

Hi Kim,

This was an issue in early days and Compatibility mode which was the fixed.

What browser are you using?

Don

[Former Member]

Thank you for your reply.

Yes, this is a web app.  Error happens in both IE11 and Chrome v43.  Adding the website to IE11 Compatibility View settings does not fix the large button image in the toolbar.

[former_member11696]

Hi Kim,

Must be something odd with your installs then or environment variables. Try it on a different PC, if it works there then look at the source on each page.

Also, are you using this in VS IDE running in debug mode using IISExpress or are you using IIS?

Does it work in either mode?

Don

[Former Member]

Thanks.

Debug mode is using what looks like IISExpress, when opened up it says, "ASP.NET Development Server Runs ASP.NET Applications locally".

Same error occurs when set up in IIS pointing to the project folder.

I have not pushed from local to Development environment, yet, as was hoping to fix this error first. Will see about trying on another machine.

[Former Member]

Coworker was able to duplicate issue on her machine in debug mode.  Both the toolbar and the export popup panel display issues. The toolbar image looks like it may be toolbar_buttongroup_background.gif.  Going to check to see if a problem with conflicting css, though not sure why rest of toolbar would render okay.