Another āmonster threadā. Simple question, might be harder answer, hope notā¦
I want to āscaleā a large picture that is not fitting on a screen and does not scale properly in a picture entity card. Is there any example code I can (re)use?
Ehmā¦ I would like to have a picture entity card with a large floorplan that currently does not fit in a browser windows in full panel mode. I want to know how I can scale such an image. It that clear enough :)?
No because you are asking people to write a card for you from scratch while making no effort yourself and not showing what you have tried or any screenshots no showing your problem. Is that clear enough for you? (Being snarky with people trying to help you wonāt end well)
I have tried so much, I donāt even know what to show. I really do not know another way of asking what I would like to achieve.
From another angleā¦
I have a large floorplan picture in /local. It shows in my picture entity elements card which I have created in my lovelace view in panel mode. The problem I am facing is that this picture scales out of the screen, it is too bigā¦ so my question is how is can āscaleā down that image to for example 50% of the screen or 80% or fit to the window or whatever is possible.
Since I have really tried so much and in the end I only found 1 solution in the forum panels from someone that has put a lot of space around the plan to make the picture actually fit. I did that and that works, but it does not properly display on a mobile or scales when using on another resolution screen.
So sorry if I am asking the question in a wrong way, but I would like to know what the correct way to do this since I can not find any source, code, solution, whatever that solves my problem.
Yes I have. But I think due to fact I want to use panel mode I have no issue with card placement, it is just 1 card which is full panel but the (picture in the) panel is too big
Since I have really tried so much it is not doable anymore to reproduce what I have tried.
In the end I have tried all kinds of wrong things (css, cards, mods, Code copy, etc.). So I tried to ask my question the other way around initially. By writing it down as above I hope I will be able to get some help on how to scale a large image so it always fits the screen (mobile, 16:9, other browsers, browser in other format !=16:9, etc.)
I believe your issue is clear now.
And I believe the custom layout card is the solution for you.
Try to create a column or a grid with a column of 80% the screen size using: