• Images are not fully visible in HTML5 output. I am able to view only 3/4th of the image.
Can you please share us the exact image size for HTML5 and PDF.
• Horizontal scroll bar is missing in HTML5 output. Can you please let us know on how to enable them. Once it is enabled, we can view full images.
Image Resize in HTML 5 and PDF
Re: Image Resize in HTML 5 and PDF
I had a similar issue, and I generate HTML5 and PDF files. Rather than trying to size all of my images, and knowing that my HTML5 users have their browsers open in differing widths, I now control the image size using max-width: in my stylesheet (the CSS file). Now, as the reader changes the browser width, all of the images scale up or down to fit.
img
{
/*You can set height and width on each image to prevent an image from getting too large. Intent here is to scale down as browser size shrinks.*/
border: none;
max-width: 100%;
height: auto;
}
For the PDF generation, I have a style in the @media print section that keeps the image from exceeding the column width of my pages.
@media print
{
img
{
border: none;
max-width: 6.5in;
}
...
}
I don't know why your horizontal scroll bar would be missing.
img
{
/*You can set height and width on each image to prevent an image from getting too large. Intent here is to scale down as browser size shrinks.*/
border: none;
max-width: 100%;
height: auto;
}
For the PDF generation, I have a style in the @media print section that keeps the image from exceeding the column width of my pages.
@media print
{
img
{
border: none;
max-width: 6.5in;
}
...
}
I don't know why your horizontal scroll bar would be missing.