Lovelace horizontal-stack (again)

Configuration
1

I know (now) that a horizontal-stack will ‘stack’ cards horizontally before displaying them in one column which means that a horizontal-stack of three cards means they are all one third in width.

Is there any way to force the order that the cards appear across the screen without changing their width?

2

Try panel: true

1 Like
3

That just seems to take the first entity and stretch it across the page and then ignores other cards.

4

They will display in the order you stack them under the horizontal-stack cards. I use vertical-stack to dictate their order on the screen. I am about to dump a shit load of ui-Lovelace config into my repo if you would like an example.

1 Like
5

Not if your first card is a horizontal stack… then it does what you want.

I had the same problem with my sonarr/radar/other cards… had a horizontal stack and I got a thin column in the middle of the screen with the 3 cards being 1/3 each. Using the panel and horizontal stack got me what I needed.

  - title: TV & Movies
    icon: mdi:kodi
    panel: true
    cards:
      - type: horizontal-stack
        cards:
2 Likes
6

yep try panel: true

7

Sorry to bring such an old thread to life.

If you set “panel: true” then the badges are not shown. Is there a way to achieve the same but keeping the badges?

Thanks

8

I’m not using panel: true anymore and not using a horizontal stack…