DBuit / light-popup-card

Lovelace card to use as custom pop-up for light in homekit style
168 stars 38 forks source link

Popup 2 lights side by side? #84

Open jherby2k opened 2 years ago

jherby2k commented 2 years ago

I'd like to pop up 2 (or more) related cards together, side by side. For example, if i click a fan i'd like to show a light-popup-card for the light beside a switch-popup-card for the fan. It'll also be nice to click on a room and have all the lights pop up together so you can adjust the room quickly without having to hunt and peck around (i'm using a floor plan view).

I've tried using a horizontal-stack, but the two cards always end up on top of each other. Any suggestions? I'm out of my depth with all this CSS and javascript.

Marquo1 commented 2 years ago

Have you tired setting the fullscreen option to false? It might be covering other instances you're trying to see. Using a Grid card I was able to achieve this image

jherby2k commented 2 years ago

Sort of works... but the grid/horizontal stack isn't in the middle of the screen now. Any idea how to make that still happen?

Marquo1 commented 2 years ago

@jherby2k I know of two ways to do it:

  1. use layout card instead https://github.com/thomasloven/lovelace-layout-card

image

  1. add blank cards to grid/horizontal stack until it looks right https://github.com/custom-cards/button-card

image