Horizontal Stack and Total space

Share your Projects! Dashboards & Frontend
1

Hi everybody,
I’m new of lovelace but I love it and now i’m changing a bit the UI. I have a problem with an horizontal stack
with 3 thermostats

Catturclimaa
Catturclimaa1622×877 31.5 KB

The card space is only a third of the total width… i have made some mistakes?

type: horizontal-stack
panel: true
cards:
  - type: thermostat
    entity: climate.living_room
  - type: thermostat
    entity: climate.daikin_living
  - type: thermostat
    entity: climate.daikin_bedroom
2

The panel argument should go under the view, not the card.
That means:

views:
  - title: CLIMA
    panel: true
    cards:
      - type: horizontal-stack
        cards:
          - type: thermostat
            entity: climate.living_room
          - type: thermostat
            entity: climate.daikin_living
          - type: thermostat
            entity: climate.daikin_bedroom
1 Like
3

thank you !!!

CatturclimapostMod
CatturclimapostMod1916×739 63.2 KB

1 Like
4

Just be aware, using panel: true will result in really tiny panels on a phone… I use a vertical stack instead. I would not use the panel or the horizontal stack but 3 x Vertical Stacks - one for each gauge…

5

Hi,
I have tested your configuration… but with 3 x Vertical Stacks I have this problem…

Catturclimaa2
Catturclimaa21879×896 57.1 KB

6

Try closing the side panel…
Lovelace is responsive, that means it will try to fit your screen. With the side panel closed, it should be fine.

7

Catturclimaa3
Catturclimaa31901×910 53.7 KB

no way :(((

8

That is bad… Your avatar picture would fit perfectly here as an answer :smiley:

I guess you cant do much here… You should go with my suggestion if you want it to look nice horizontally.

9

yes !!! horizontal has the priority ;)))

10

Did you try refreshing? I stopped using panel because of the mobile issue. Lovelace can be tricky sometimes but a CTRL F5 of clear cache should fix it.

11

just done… but only the horizontal stack works :(((