Multiple horizontal stacks in panel mode

Hi guys,

Currently I’m busy with some panel and the possible options to get what I would like.
At this moment I’m having 4 devices that measure the power usage and I’ve created a new panel with panel mode on. Created a stack with 4 cards in it.

This is the code I used for it:

type: horizontal-stack
cards:
  - type: entities
    title: Vaatwasser
    entities:
      - entity: sensor.vaatwasser_energy_current
      - entity: sensor.vaatwasser_energy_power
      - entity: sensor.vaatwasser_energy_today
      - entity: sensor.vaatwasser_energy_yesterday
  - type: entities
    title: Wasdroger
    entities:
      - entity: sensor.wasdroger_energy_current
      - entity: sensor.wasdroger_energy_power
      - entity: sensor.wasdroger_energy_today
      - entity: sensor.wasdroger_energy_yesterday
  - type: entities
    title: Wasmachine
    entities:
      - entity: sensor.wasmachine_energy_current
      - entity: sensor.wasmachine_energy_power
      - entity: sensor.wasmachine_energy_today
      - entity: sensor.wasmachine_energy_yesterday
  - type: entities
    title: Airco
    entities:
      - entity: sensor.airco_energy_current
      - entity: sensor.airco_energy_power
      - entity: sensor.airco_energy_today
      - entity: sensor.airco_energy_yesterday

This is working as expected but im would like to create a new horizontal stack below this one with 2 cards. One for my DSMR Reader and one for my SolarEdge integration.

There is no other option to put 4 cards next to each other without panel mode and the same panel mode is preventing me from adding a second horizontal stack.

It would be nice to add multiple horizontal stacks on a panel.

And is there a option to add a “nice” layout option as panel mode? Right now the panel is full width but I would like nice to add a padding option in panel mode.

What do you think?

Screenshot 2020-05-29 at 11.21.48|690x414

There’s nothing preventing you putting as many horizontal stacks as you want in a vertical stack.

For better layout control in panel mode (including customising the column widths) you can use this:

1 Like