thomasloven / lovelace-layout-card

🔹 Get more control over the placement of lovelace cards.
MIT License
1.04k stars 126 forks source link

[SUPPORT] Help with layout? #297

Open deanfourie1 opened 2 months ago

deanfourie1 commented 2 months ago

So this is more of a request for help with a layout, I have been struggling to get a specific layout working and have posted in quite a few places and no one can help me.

I am trying to make a layout like this. Is not to scale but its basically a weather dashboard that I want to have a large card in the middle, which will be a weather radar and then all other rain, wind cards etc positioned around that card.

Untitled

Is anyone able to help me with this layout please?

Thank you very much!

red4dj commented 1 month ago

I did not test this, but I believe it would be the following:

type: custom:layout-card
layout_type: custom:grid-layout
cards:
  - type: ...
    view_layout:
      grid-area: a
  - type: ...
    view_layout:
      grid-area: b
  - type: ...
    view_layout:
      grid-area: main
  ...
layout:
  grid-template-areas: |
    "a b c d"
    "e main main f"
    "g h i j"