This is a migrated thread and some comments may be shown as answers.

Table Cell Background Image shows larger in html5 report viewer

7 Answers 226 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Mosart asked on 02 Dec 2016, 04:25 AM

reportdesigner.png

html5viewer.png

Hello,

I have a report made with the Report Designer, and it has a table with a column to show a background image (which may be changed with conditional formatting).

See attached images. The image shows properly with the preview, as well as in the exports (pdf, excel...). However, the asp.net html5 viewer shows the images in a different scale/zoomed.

Is this a bug or I'm doing something wrong?

Thanks.

7 Answers, 1 is accepted

answered on 05 Dec 2016, 05:29 PM

Hi Mosart,

The image is processed and rendered on the server machine, later the IMG elements in the report's HTML request the resources from the server.

Please inspect the rendered HTML and the image that can be retrieved by URL written in the HTML. Inspect the style inheritance if external CSS is transforming the image. Also verify that the browser's Zoom is 100%.

If this is a PictureBox item, test how the different Sizing options affect the rendered HTML - ImageSizeMode enumeration.

Regards,
Stef
Telerik by Progress

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items

answered on 06 Dec 2016, 03:05 PM

Hello Mosart,

Font characters cannot be used, unless there is a TrueType font installed on the server machine that can produce the images.

Please serialize the report definition and save it as TRDX file. Then check how it is displayed in the Standalone Report Designer. Then test to load the report in web preview via UriReportSource. If the problem is reproducible, please post the XML of the produced TRDX file.

Regards,
Stef
Telerik by Progress

answered on 06 Dec 2016, 05:10 PM

testdesigner.png

testviewer.png

Hello Stef,

I created a sample test report file with a single table, just to test the scenario in a simplified setup. Same results.
Please find attached 2 files. The preview shown by the Report Designer and the html5 report viewer.

In the html5 report viewer, I only set it (from code behind) to be visible, and run a full postback (not ajaxified - couldn't get that to work)

reportViewer1.Enabled = True
reportViewer1.Visible = True
reportViewer1.ReportSource.Identifier = "Test.trdx"

trdx file contents:

<?xml version="1.0" encoding="utf-8"?>

<Report Width="6.5in" Name="Test" xmlns="http://schemas.telerik.com/reporting/2012/4.1">

<Items>

<PageHeaderSection Height="1in" Name="pageHeaderSection1" />

<DetailSection Height="2in" Name="detailSection1">

<Items>

<Table Width="2.51041721935305in" Height="0.879166669398546in" Left="0.199999968210856in" Top="0.199999968210856in" Name="table1">

<Body>

<Cells>

<TableCell RowIndex="1" ColumnIndex="0" RowSpan="1" ColumnSpan="1">

<ReportItem>

<TextBox Width="1.17708333333333in" Height="0.239583333333333in" Left="0in" Top="0in" Value="4" Name="textBox2">

<Style>

<BorderStyle Default="Solid" />

</Style>

</TextBox>

</ReportItem>

</TableCell>

<TableCell RowIndex="1" ColumnIndex="2" RowSpan="1" ColumnSpan="1">

<ReportItem>

<TextBox Width="0.333333536483385in" Height="0.239583326627222in" Left="0in" Top="0in" Name="textBox4">

<Style>

<BackgroundImage ImageData=

"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"

Repeat="NoRepeat" MimeType="image/png" />

</Style>

</TextBox>

</ReportItem>

</TableCell>

<TableCell RowIndex="1" ColumnIndex="1" RowSpan="1" ColumnSpan="1">

<ReportItem>

<TextBox Width="1in" Height="0.239583333333333in" Left="0in" Top="0in" Value="1" Name="textBox8" StyleName="">

<Style>

<BorderStyle Default="Solid" />

</Style>

</TextBox>

</ReportItem>

</TableCell>

<TableCell RowIndex="2" ColumnIndex="0" RowSpan="1" ColumnSpan="1">

<ReportItem>

<TextBox Width="1.17708345878276in" Height="0.2in" Left="0in" Top="0in" Value="3" Name="textBox5" StyleName="">

<Style>

<BorderStyle Default="Solid" />

</Style>

</TextBox>

</ReportItem>

</TableCell>

<TableCell RowIndex="2" ColumnIndex="1" RowSpan="1" ColumnSpan="1">

<ReportItem>

<TextBox Width="0.999999848267727in" Height="0.2in" Left="0in" Top="0in" Value="4" Name="textBox6" StyleName="">

<Style>

<BorderStyle Default="Solid" />

</Style>

</TextBox>

</ReportItem>

</TableCell>

<TableCell RowIndex="2" ColumnIndex="2" RowSpan="1" ColumnSpan="1">

<ReportItem>

<TextBox Width="0.333333536483385in" Height="0.200000008072051in" Left="0in" Top="0in" Name="textBox9" StyleName="">

<Style>

<BackgroundImage ImageData=

"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"

Repeat="NoRepeat" MimeType="image/png" />

</Style>

</TextBox>

</ReportItem>

</TableCell>

<TableCell RowIndex="0" ColumnIndex="0" RowSpan="1" ColumnSpan="1">

<ReportItem>

<TextBox Width="1.17708345878276in" Height="0.2in" Left="0in" Top="0in" Value="5" Name="textBox10" StyleName="">

<Style>

<BorderStyle Default="Solid" />

</Style>

</TextBox>

</ReportItem>

</TableCell>

<TableCell RowIndex="0" ColumnIndex="1" RowSpan="1" ColumnSpan="1">

<ReportItem>

<TextBox Width="0.999999748305768in" Height="0.2in" Left="0in" Top="0in" Value="7" Name="textBox11" StyleName="">

<Style>

<BorderStyle Default="Solid" />

</Style>

</TextBox>

</ReportItem>

</TableCell>

<TableCell RowIndex="0" ColumnIndex="2" RowSpan="1" ColumnSpan="1">

<ReportItem>

<TextBox Width="0.333333536483385in" Height="0.200000008072051in" Left="0in" Top="0in" Name="textBox12" StyleName="">

<Style>

<BackgroundImage ImageData=

"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"

Repeat="NoRepeat" MimeType="image/png" />

</Style>

</TextBox>

</ReportItem>

</TableCell>

</Cells>

<Columns>

<Column Width="1.17708382158215in" />

<Column Width="0.999999786471259in" />

<Column Width="0.333333536483385in" />

</Columns>

<Rows>

<Row Height="0.200000008072051in" />

<Row Height="0.239583326627222in" />

<Row Height="0.200000008072051in" />

</Rows>

</Body>

<Corner />

<Style>

<BorderStyle Default="Solid" />

</Style>

<RowGroups>

<TableGroup Name="detailTableGroup">

<ChildGroups>

<TableGroup Name="group3" />

<TableGroup Name="group1" />

<TableGroup Name="group2" />

</ChildGroups>

<Groupings>

<Grouping />

</Groupings>

</TableGroup>

</RowGroups>

<ColumnGroups>

<TableGroup Name="tableGroup">

<ReportItem>

<TextBox Width="1.17708333333333in" Height="0.239583333333333in" Left="0in" Top="0in" Value="Var 1" Name="textBox1" />

</ReportItem>

</TableGroup>

<TableGroup Name="group">

<ReportItem>

<TextBox Width="1in" Height="0.239583333333333in" Left="0in" Top="0in" Value="Var 2" Name="textBox7" StyleName="" />

</ReportItem>

</TableGroup>

<TableGroup Name="tableGroup1">

<ReportItem>

<TextBox Width="0.333333536483385in" Height="0.239583326627222in" Left="0in" Top="0in" Name="textBox3" />

</ReportItem>

</TableGroup>

</ColumnGroups>

</Table>

</Items>

</DetailSection>

<PageFooterSection Height="1in" Name="pageFooterSection1" />

</Items>

<PageSettings PaperKind="Letter" Landscape="False" ColumnCount="1" ColumnSpacing="0in">

<Margins>

<MarginsU Left="1in" Right="1in" Top="1in" Bottom="1in" />

</Margins>

</PageSettings>

<StyleSheet>

<StyleRule>

<Style>

<Padding Left="2pt" Right="2pt" />

</Style>

<Selectors>

<TypeSelector Type="TextItemBase" />

<TypeSelector Type="HtmlTextBox" />

</Selectors>

</StyleRule>

</StyleSheet>

</Report>

answered on 08 Dec 2016, 04:45 PM

Hi Mosart,

Thank you for the provided demo report.
when the image is used as a TextBox.Style.BackgroundImage it looks enlarged in browser. If we replace the TextBox item with a PcitureBox item with PictureBox.Sizing=Normal, the image is processed correctly with standard 96dpi settings:

<TableCell RowIndex="1" ColumnIndex="2" RowSpan="1" ColumnSpan="1">

<ReportItem>

<PictureBox Image=

"iVBORw0KGgoAAAANSUhEUgAAAEMAAAAoCAYAAACl+UfqAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAevwAAHr8BQ/1smgAAAAd0SU1FB+ALGgMHHbzlc48AAAcbSURBVGhD7dl5UBvXHQfwzeFIrQAjaQ9JHALjBsepXd8Q7BzGR20uSSAEErpPDE5SHI9JTYxD2mQmuJ1JOxO3f/SPtMl0MkppOnHbzORqm4yHgOWS1ImFztXFCgkkc9jtGBd+fQI1NbaTaafJBIS/M6tZHU/a/ezbt7+3wm7ndpZ2DnzK5VQ5uez005WZPRfuFO8euuuXNU5cX+Pkb67x8XLTb62s7DyPCVQfb6ctdAXUOLmXpcPEyVonv6J2pYHsOIdR6o8q6M7RKlAGyTmFqxRkLtEVmQvvkbrwCqmfvzJAtgxipHboYf9TY3XQwmBzcn8OVDtx0Ho3g9xdcLnBTfTUu4mKepq3Ot0kM7PhQ4zQDT3i67kkA30cm9OM8KGRxuHgxWyQuAgw+ctA4RVPK7zU03IvWdEY4mcmSOkHGG5w7PM8NyUHSxKbM44SoB0hodHPh6qLPKh1ZUO9h4LWwC5Q+ounlH7BySY/9YAikmEghe9hfJPjgPvUFQUcnsbmbAkSTDEKYRBpDC7qGXyQeLKg0SeA9uBD0EIXT6kDwu5mmipvZvDMACHexXgWR7XrJ1eV0PEPbO7RSXT0E4LPMORpjDoXD2QePtR7OdBEC+Fw+CHQBIsnNUFRtypIlbdElzlIztsY1zZYO/ziNRUc+yc2d+SKEB6bFH4hhtzHhwZ/FqiCCCSyE7Qh8aQuLDqhDgnKNaNETvqrl1nOYLnWcxLnz2fVcAKwuSeviuCJK6IbMMibMBoQRurUUQSyQR0SQfvIDtCFCyYMkbyntBFBmS5OLjOQ32GrbQPST3822wInEUT3bD48eTX/lhipnb8VRnMAB2VoNWgjQmiLbgTDSN4lI5PXpWcEZcZxapmA/AbLsQ5IP0lBPI0geqAAumcL/meMJoShCuHQEuGBgRHCodFSMDKiS6aoqMsYpcpMSx7k11i29UPZhdOzqvkekYLogcL/C0MdIUDHEGAcFcCh2L1gGhUlzTHRcXNMsMM6sfRA7ph/fAnjmPslf3txtnkRxBdjEP8Vhp6hwIDqEktcCO1j94I1np+0xPnft43l7Wifzs+e//0lkxewLMn7D//1NKjgGQTxAwTww+uWFMjxaxQ8/ncMYeTdhHEQYaTqDCnCkHrvRhjo8hrgL8IwjlJgipNgHSegI7EZepJVie8lth0/lFi7pT1RfE96S77+dL3V+YvXQq+gI4dB57QQjqEdPjaVB52pZToPnpii0Gsb4NlpGbRN3PX5p4k7FzSBjdAQuh+UqExXhfigDqPTBH3OEF0o1FrjBNQkhLB3YhuoL20a1iSK9rcm1yydGqTmD5W7q95/8GXxO9irG/6Ubd/4F4590wcc+9azWfbt/Vn2kn7s1aOfWN44E3tpxjCGQWvy3xXoAkaqZ9S60JXDK4ZexgzfCW+4Vk3nDcpo/htNQdyOeohdEyHtOoa0G6KU3RAj7XXj+OsHE2S3MkFtMidEnPSmfL3J3fvNO9Or2Naz+KrNZ7NZW/uzWNsHslhl57JYD5zPZu0aWj3fjVuHK/7ckbgfYaBJ2Q0Yda5c0PlK4FRYj0ry/EA9vdZ6wMctaRrBWZoYwdKOkSxDgmKZkwK2ZULAtk4KWIbLBMd8meKoL+KfbcOyyaHBPb8/MrF+MQYaLK/H+FHECEpfoV9Dr7HKA9yCdNPMS9vA3j8emVyMkapAF2OYEEaBX4cwGkPcwnTTzEvb4L4bMBbmJp+LEcxgjPZbYKRqioWryQrDODyPcf0AeisM8/yYsSIxFPRtjOswcKhy3saYx2hCGNU3YazQMSM1B0lh1K5AjDcXYaBJWGp2WjP8H4wfL2DQCMOW0Rjo0vp6x0IFOoMwZhDGTHMAn6kd5s4gjBmtr2SmN2wAla/QgzAsCCNzK1BUjp9+PLk+aksQIwiDQRUo0xzEGYmbx6Axg9H4iplnw6qk2l/UjzAaEYYw3TTzYhvY3fVo4r6ztnFy0BSnHGgW6lCGcIfUw3PUubiOFm+RoyfUeEHjX/NbhLEfYRDpppkX68Ajhvbxdb+yjlGvmWNUn54h+9D0vE/m4fUhjL4Wr7jvREh6Rucv+SnCKEcY3HTTzIvZ8eDBtnhpN8J43hynTiGMXoTRW+/l9Upc3F6VV9x7PFjzgt5fclRLF38bYSyxW3pfYoznd21pjZWqLHHKgjBs+ihpRRjWeh/PKnFzrUpPobUz+N02A/0tBcIoRhjfSDfNvOg/Ki+wMGvL0eC5G2HsMUTJypYwUdng41cijMpmT37l0UDlPhO9rhyBUIogb+nc2/yyo72wjWOkNwqMI2KxIUoVodNEjDDEaBovlrq5YoVbKH4ssLPIFirL1wTX5ygixN3pppmXro9Nd3R46lapnOvYDV4eu5Hms+U+PluG1iUuHrveRbLl3iK2xHcfu9pftGr/EG/hb4ivPBj2L4WoKdb6e7kJAAAAAElFTkSuQmCC"

Width="0.333333536483385in" Height="0.239583326627222in" Left="0in" Top="0in" MimeType="image/png" Name="textBox4" />

</ReportItem>

</TableCell>

I will forward the question to the development team. When there is news I will update this forum thread.

Regards,
Stef
Telerik by Progress

answered on 09 Dec 2016, 03:24 PM

Hi Mosart,

The problem with the background image is that the HTML rendering does not process additionally the image and it is displayed in its actual size. If you use the PictureBox item, it has a Sizing property allowing you to scale the image. The solution is to use an image considered with the size of the item, preferably with 96dpi settings, or switch for a PcitureBox item.

About changing the image, you can use a binding to the PictureBox.Value property or an expression that changes the image directly in the Value property e.g.:

=IIf(Fields.ShowImageA = True, "Images/ImageA.png","Images/NoImage.png")

The above uses conditional function. You can apply also a custom function.

Regards,
Stef
Telerik by Progress