Expand camera to full view when clicked

So I’m not sure if this is already possible and I’m just missing something. But would like a way to show my cameras cropped like they are in the normal view (they show a good amount, but not everything). But then when clicked to maximize they show the full camera view?

I know I can set them to always show full, but the way my dashboard fits it looks really bad that way.

You can edit the Media Tile and set it to open at full screen when tapped. Is this something you are looking for?


@James That retains the crop. He wants the option to have it cropped when viewed in a tile, but not cropped when opened full screen.

1 Like

That’s correct, is this something that is possible? I know I could just size them to fill properly on my dash, but really like the look I have and it would change everything.

Found the css for it.

<div class="material-placeholder" style="width: 458px; height: 224px; position: relative; top: 0px; left: 0px;">
   <div id="materialbox-overlay" style="opacity: 1; width: 1661px; height: 882px; left: 0px; top: 0px;"></div>
   <img data-v-19407b35="" src="..." class="materialboxed active" style="object-position: 50% 50%; object-fit: cover; position: absolute; z-index: 1000; will-change: left, top, width, height; height: 731.13px; width: 1494.9px; left: -1101.95px; top: -232.565px;">

Changing the img to width: 100%; height: 100%; seems to inherit the parent div with the 458x224 dimensions. Is there any way to have the img be 100% w/h and cropped it necessary? I want the zoomed media to cover the entire screen.