Hello,
I am using the standalone designer and displaying reports on the web.
In the standalone designer the table cell looks OK with text vertically aligned in the middle. (First example in attached image.)
On the web the bottom half of the cell cuts off (Second example in attached image.)
Also, if I try and add padding on the left of the table cell, the cell shrinks in width by that amount and starts cutting off the right side of the cell (Third example in attached image.)
When I export these reports to PDF it displays properly (same as in Report Designer).
Any thoughts here?
4 Answers, 1 is accepted
Please check the styles inheritance with the browser's developer tools, and if there are any external CSS rules messing with the report rendered in HTML. Once the extra CSS rules are isolated, you can change the selectors or use the !important keyword to change their behavior and avoid issues with the content of the viewer.
I hope this helps you.
Regards,
Stef
Telerik
Rank 1
Hi Stefan - thanks for the response.
I have checked to make sure there aren't any external styles conflicting with the styling from the Report.
When I have a cell with the text displayed at the top left, the cell renders at the proper height, but when I add 10px padding to the top the cell height is reduced by that same amount - 10px. These are the inline styles generated by the Report Designer. The cell height should be unaffected by adding padding, correct?
See my attached example.
In my tests with Telerik Reporting Q2 2015 v9.1.15.702, setting a TextBox.Style.Padding.Top to 10px causes the contented to be pushed down in the box with 10px as expected.
Please post the code for generating the report in order to test your settings.
Regards,
Stef
Telerik
Rank 1
Thanks, Stef.
Update for anyone else who experiences this: Upgrading Kendo UI to the latest version (CSS & JS) fixed this issue for me. Was not on the most recent version.