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 162 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Mosart
Top achievements
Rank 1
Mosart asked on 02 Dec 2016, 04:25 AM

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

Sort by
0
Stef
Telerik team
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
0
Mosart
Top achievements
Rank 1
answered on 05 Dec 2016, 06:45 PM

Thank you for your reply:

There is no zooming in the browser, and the image is accessible directly via URL.

Note: Looks like the report designer reduces the size of the image used as cell background-image. I had to use an image editor to enlarge the image. I also have other images in the report (as inserted images, not table cell background), and they show up properly.

Not sure if I should give up on cell images and use a font character to replace it.

 

0
Stef
Telerik team
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
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
0
Mosart
Top achievements
Rank 1
answered on 06 Dec 2016, 05:10 PM

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="iVBORw0KGgoAAAANSUhEUgAAAEMAAAAoCAYAAACl+UfqAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAewQAAHsEBw2lUUwAAACx0RVh0Q3JlYXRpb24gVGltZQBGcmkgMjUgTm92IDIwMTYgMjI6MDU6MzggLTA1MDAJLByCAAAAB3RJTUUH4AsaAwcdvOVzjwAABxtJREFUaEPt2XlQG9cdB/DN4UitACNpD0kcAuMGx6ld3xDsHMZHbS5JIAQSuk8MTlIcj0lNjEPaZCa4nUk7E7d/9I+0yXQySmk6cdvM5GqbjIeA5ZLUiYXO1cUKCSRz2O0YF359AjU1tpNpp8kEhL8zq1kdT9r97Nu3v7fCbud2lnYOfMrlVDm57PTTlZk9F+4U7x6665c1Tlxf4+RvrvHxctNvrazsPI8JVB9vpy10BdQ4uZelw8TJWie/onalgew4h1HqjyroztEqUAbJOYWrFGQu0RWZC++RuvAKqZ+/MkC2DGKkduhh/1NjddDCYHNyfw5UO3HQejeD3F1wucFN9NS7iYp6mrc63SQzs+FDjNANPeLruSQDfRyb04zwoZHG4eDFbJC4CDD5y0DhFU8rvNTTci9Z0RjiZyZI6QcYbnDs8zw3JQdLEpszjhKgHSGh0c+Hqos8qHVlQ72HgtbALlD6i6eUfsHJJj/1gCKSYSCF72F8k+OA+9QVBRyexuZsCRJMMQphEGkMLuoZfJB4sqDRJ4D24EPQQhdPqQPC7maaKm9m8MwAId7FeBZHtesnV5XQ8Q9s7tFJdPQTgs8w5GmMOhcPZB4+1Hs50EQL4XD4IdAEiyc1QVG3KkiVt0SXOUjO2xjXNlg7/OI1FRz7JzZ35IoQHpsUfiGG3MeHBn8WqIIIJLITtCHxpC4sOqEOCco1o0RO+quXWc5gudZzEufPZ9VwArC5J6+K4IkrohswyJswGhBG6tRRBLJBHRJB+8gO0IULJgyRvKe0EUGZLk4uM5DfYattA9JPfzbbAicRRPdsPjx5Nf+WGKmdvxVGcwAHZWg1aCNCaItuBMNI3iUjk9elZwRlxnFqmYD8BsuxDkg/SUE8jSB6oAC6Zwv+Z4wmhKEK4dAS4YGBEcKh0VIwMqJLpqioyxilykxLHuTXWLb1Q9mF07Oq+R6RguiBwv8LQx0hQMcQYBwVwKHYvWAaFSXNMdFxc0ywwzqx9EDumH98CeOY+yV/e3G2eRHEF2MQ/xWGnqHAgOoSS1wI7WP3gjWen7TE+d+3jeXtaJ/Oz57//SWTF7AsyfsP//U0qOAZBPEDBPDD65YUyPFrFDz+dwxh5N2EcRBhpOoMKcKQeu9GGOjyGuAvwjCOUmCKk2AdJ6AjsRl6klWJ7yW2HT+UWLulPVF8T3pLvv50vdX5i9dCr6Ajh0HntBCOoR0+NpUHnallOg+emKLQaxvg2WkZtE3c9fmniTsXNIGN0BC6H5SoTFeF+KAOo9MEfc4QXSjUWuME1CSEsHdiG6gvbRrWJIr2tybXLJ0apOYPlbur3n/wZfE72Ksb/pRt3/gXjn3TBxz71rNZ9u39WfaSfuzVo59Y3jgTe2nGMIZBa/LfFegCRqpn1LrQlcMrhl7GDN8Jb7hWTecNymj+G01B3I56iF0TIe06hrQbopTdECPtdeP46wcTZLcyQW0yJ0Sc9KZ8vcnd+80706vY1rP4qs1ns1lb+7NY2weyWGXnslgPnM9m7RpaPd+NW4cr/tyRuB9hoEnZDRh1rlzQ+UrgVFiPSvL8QD291nrAxy1pGsFZmhjB0o6RLEOCYpmTArZlQsC2TgpYhssEx3yZ4qgv4p9tw7LJocE9vz8ysX4xBhosr8f4UcQISl+hX0OvscoD3IJ008xL28DePx6ZXIyRqkAXY5gQRoFfhzAaQ9zCdNPMS9vgvhswFuYmn4sRzGCM9ltgpGqKhavJCsM4PI9x/QB6Kwzz/JixIjEU9G2M6zBwqHLexpjHaEIY1TdhrNAxIzUHSWHUrkCMNxdhoElYanZaM/wfjB8vYNAIw5bRGOjS+nrHQgU6gzBmEMZMcwCfqR3mziCMGa2vZKY3bACVr9CDMCwII3MrUFSOn348uT5qSxAjCINBFSjTHMQZiZvHoDGD0fiKmWfDqqTaX9SPMBoRhjDdNPNiG9jd9WjivrO2cXLQFKccaBbqUIZwh9TDc9S5uI4Wb5GjJ9R4QeNf81uEsR9hEOmmmRfrwCOG9vF1v7KOUa+ZY1SfniH70PS8T+bh9SGMvhavuO9ESHpG5y/5KcIoRxjcdNPMi9nx4MG2eGk3wnjeHKdOIYxehNFb7+X1SlzcXpVX3Hs8WPOC3l9yVEsXfxthLLFbel9ijOd3bWmNlaosccqCMGz6KGlFGNZ6H88qcXOtSk+htTP43TYD/S0FwihGGN9IN8286D8qL7Awa8vR4LkbYewxRMnKljBR2eDjVyKMymZPfuXRQOU+E72uHIFQiiBv6dzb/LKjvbCNY6Q3CowjYrEhShWh00SMMMRoGi+WurlihVsofiyws8gWKsvXBNfnKCLE3emmmZeuj013dHjqVqmc69gNXh67keaz5T4+W4bWJS4eu95FsuXeIrbEdx+72l+0av8Qb+FviK88GPYvhagp1vp7uQkAAAAASUVORK5CYII=" 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>

 

0
Stef
Telerik team
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="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" 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
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
0
Mosart
Top achievements
Rank 1
answered on 08 Dec 2016, 05:01 PM

Thank you!

I plan to change the image according to a condition, for each table row.
Question: In your scenario (using a picturebox) would you suggest that two images are added, and one of them hidden with conditional format?

I can't think of another way to condition the image shown.

Thanks again!

0
Stef
Telerik team
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
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
Tags
General Discussions
Asked by
Mosart
Top achievements
Rank 1
Answers by
Stef
Telerik team
Mosart
Top achievements
Rank 1
Share this question
or