I have a report with a textbox which is serialized as follows
In the preview of Visual Studio designer value of the textbox is fully shown, but in the web report viewer the text is cut off after the 'test14' word. I have reproduced the situation with Q3 2013 in FireFox 26 and Chrome 31 (in the Internet Explorer 10 text is not cut off)
How to make the viewer to show whole text?
9 Answers, 1 is accepted
Thank you for the provided information. It allowed us to test and reproduce the issue locally.
This is a known issue logged in our system for improvement. What causes the cut off text is the differences in the way different browsers' layout engines interpret fonts and their sizes.
In the meantime you can try changing the font and font size to work around the issue.
There are updates in the HTML rendering of reports. Still the same HTML and CSS can be interpreted differently depending on the browser's layout engine. It is recommended to use whole values for the font size and to test the selected fonts in browsers you need to support.
Always check for external CSS that can change the report's HTML by inspecting the rendered HTML on the page and teh style inheritance.
A new feature - private fonts - can help you use custom fonts without installation.
Telerik by Progress
Thanks for the reply. I think this may be a symptom of another issue. You see, we run the same report on our local machines and on our test sites and it doesn't cut off the text. It's only on our production site. I've checked the following and hope there is something else I might be missing:
- All have the same Telerik.Reporting.dll
- All have the same Telerik.ReportViewer.WebForms.dll
- All have the same report files (main and sub reports)
- All utilize the same Stored Procedure
- All have the same ASPX page with the Telerik.ReportViewer control
- All have the same web.config settings
Please inspect the rendered HTML and the applied styles by using F12 Developer Tools - Styles.
Check the HTML elements of the text that appears differently and the styles applying on those elements. If you detect a CSS file not related to the viewer, trace its source and test modifying the CSS selectors.
If you have a publicly visible link of the viewer in production and the viewer in a working environment, we can check the rendered HTML as well. Feel free to use a support ticket to share the links, if it is a private information.
Telerik by Progress
So, we could not find any outside influence on the CSS. However,during trial and error, we copied the subreport used in the report from the server it was working to the server where it was not. Now, both files had the same timedate stamp and using a diff comparison proved to have identical XML content. Yet, after making the change, the report ran without issue. I'm theorizing that the bad rendering was cached. And the cache was invalidated when the datetime stamp of the file updated via the file copy. Is that a likely hypothesis? If yes, what are the cache configuration options you would recommend to avoid problems with poorly rendered reports in the future?
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="ReportPreview.aspx.vb" Inherits="modules_6Reports_ReportPreview" %>
<%@ Register Assembly="Telerik.ReportViewer.WebForms, Version=10.2.16.1025, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" Namespace="Telerik.ReportViewer.WebForms" TagPrefix="telerik" %>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
html#html, html, body#body, body, form#form1, div#content
<form id="form1" runat="server">
<telerik:ReportViewer ID="ReportViewer1" runat="server" Height="100%" Width="100%" ViewMode="PrintPreview"></telerik:ReportViewer>
As this behavior cannot be reproduced on our side we would appreciate if you send us a sample project that can demonstrate the issue in a support ticket so we can test it locally.