Clever Geek Handbook

Tiny fields show up when rendering SSRS reports in HTML viewed in Chrome.

This is the current construction of my report:

enter image description here

When I run it in a browser other than Chrome, it looks almost normal (I don't know why the HTML rendering is different from the expected result):

enter image description here

But in Chrome, it's a whole different story. Tiny boxes appear out of nowhere. How can I get rid of it?

enter image description here

+3


source to share


1 answer


It seems that the boxes are generated on page load. It creates a gif called "Blank.gif", here is the complete code when I entered "Inspect Element":

<img src="/Reserved.ReportViewerWebControl.axd?Culture=1033&amp;CultureOverrides=True&amp;UICulture=1033&amp;UICultureOverrides=True&amp;ReportStack=1&amp;ControlID=712a96453ecc4eb89b71439a5477d6c6&amp;Mode=true&amp;OpType=ReportImage&amp;ResourceStreamID=Blank.gif"/>

I solved this by simply creating a CSS style that finds img elements in the body that matches the origin of that image element using "Blank.gif" and then hides it.



Here is my solution:

<style>
        body:nth-of-type(1) img[src*="Blank.gif"]
        {
            display: none;
        }
    </style>
+1


source






More articles:


All Articles