Size of picture-glance live camera image

Configuration Frontend
1

In the previous versions, the live image of a camera identity on a picture-glance card was displayed almost full screen when tapping on it.
With one of the latest updates, this is no longer the case.
Is there a way to adjust the size of the displayed image? The aspect ratio can be adjusted as well, after all.
Or is there a better way to display a camera image in the meantime?

5 Likes
2

Apparently, you click to get a thumbnail live view, then click the title for large view. Had no clue myself. https://www.reddit.com/r/homeassistant/comments/ync5a4/2022111_camera_window_size_issue/

7 Likes
3

Thanks, thats it!
Totally intuitive…

2 Likes
4

Came here to figure out why my picture glance card wasn’t behaving properly like it was in previous versions to go full screen when clicked. This solution does work, but now it takes an extra click (two clicks) to get it to be full screen. Is there a better solution where I can set a single click to get it full screen, like it used to be? I have no need for the “a little bit larger” inset screen…

5

Yes, you can do it with the browser_mod HACS modules.

camera_view: live
type: picture-glance
entities:
  - entity: binary_sensor.front_door_motion
camera_image: camera.front_door_high
title: Front Door
tap_action:
  action: fire-dom-event
  browser_mod:
    service: browser_mod.popup
    data:
      title: Front Door
      size: fullscreen
      content:
        type: picture-glance
        camera_image: camera.front_door_high
        entities:
          - entity: camera.front_door_high

And if you have several cameras, you can combine it with the decluttering-template add-on:

decluttering_templates:
  camera_card:
    card:
      type: picture-glance
      camera_view: live
      entities:
        - entity: '[[camera]]'
      camera_image: '[[camera]]'
      title: '[[title]]'
      tap_action:
        action: fire-dom-event
        browser_mod:
          service: browser_mod.popup
          data:
            title: '[[title]]'
            size: fullscreen
            content:
              type: picture-glance
              camera_view: live
              camera_image: '[[camera]]'
              entities:
                - entity: '[[camera]]'
3 Likes
6

Anyone figure out a workaround without doing the second click or browser_mod? I think it should natively open to the larger view on a single click or at least have an option to maximize via yaml.

3 Likes