Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Popup 2 lights side by side? #84

Open
jherby2k opened this issue Feb 21, 2022 · 3 comments
Open

Popup 2 lights side by side? #84

jherby2k opened this issue Feb 21, 2022 · 3 comments

Comments

@jherby2k
Copy link

jherby2k commented Feb 21, 2022

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.

@jherby2k jherby2k changed the title Popup 2 lights at once? Popup 2 lights side by side? Feb 21, 2022
@Marquo1
Copy link

Marquo1 commented Apr 30, 2022

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
Copy link
Author

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
Copy link

Marquo1 commented Jun 27, 2022

@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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants