Wall Panel add on

Configuration Frontend
1

What is the correct way to arrange cards in the wall panel add on?

I have tried reading the source docs and it says to use grid layout and point you to the css docs. the example in the docs is below.

I can get this to work, Ive tried defining a grid and arranging them but can get it to work.

Does anyone have an example of how they are doing arranging card hey can share.

cards:
    - type: markdown
      content: Card 1
      wp_style:
        width: 810px
        grid-row: 1
        grid-column: 1 / span 2
    - type: markdown
      content: Card 2
      wp_style:
        width: 400px
        grid-row: 2
        grid-column: 2
2

You can pretty much do any layout you want with the wallpanel.

I use conditional cards at the top to show cameras when there is motion. I have four conditional cards with cameras in the order I want to see them if motion is detected.

Then another conditional card that shows a todo list for items the wife needs me to bring upstairs the next time I come up from the office. That condition is on the userid of a tablet (my office tablet has its own userid) and the todo list having more than zero items.

Then a custom layout-card with grids, vertical-stack, and horizontal-stack cards in it for the layout I want.

But, you might be better off asking in the dedicated wallpanel thread instead of a separate thread.
:framed_picture: WallPanel Addon - Wall panel mode for your Home Assistant Dashboards - Share your Projects! - Home Assistant Community

3

Thank you !