IFrame resizing of content in Firefox perfekt, Chrome and Co not at all

Dear Support

Attached you find a project with 1 table, with 1 entity and 1 big picture which is displayed in an IFrame.

With Firefox, the image is resized and with a click we see the originalsize; looks great.
image

In Google Chrome or Internet Explorer, the image is not resized. I did try with a lot of Lumo classes to get any responsive layout like in Firefox, but could not resolve this problem.
image

I use the IFrame, as I want to display pdf’s and other multimedia content too in the same frame.

I am nearly sure, somebody did resolve this issue already :wink:

Regards

Felix

IFrame.zip (1.0 MB)

Hi,

Apparently, FireFox renders images inside IFrame differently. It shrinks the image to fit the IFrame size and handles clicks on it to display the full size.

I’d recommend checking the extension of the loaded file and render it using different components, e.g. Image for images, IFRame for PDFs, etc.

Regards,
Gleb