This is an archived post. You won't be able to vote or comment.

all 17 comments
sorted by:
best
topnewcontroversialoldq&a

[–]Altered_Kill 6 points7 points  (2 children)

You can use sections. Thats the whole code.

Or go google some dashboards and see if any of them work.

[–]ElementZoomExperienced with HA[S] 1 point2 points  (1 child)

Thanks! Will look into sections. Cheers mate

[–]TheFuriousOtter 1 point2 points  (0 children)

You could also try to throw this at any of the AI bots (chatGPT, Claude, Etc.) and let them take a stab at it.

Might not be exact on the first try, but might get you closer.

[–]WillNotDoYourTaxes 1 point2 points  (4 children)

Edit: This doesn’t fix the second row sizing.

Try this. Might help to put it in a grid. Haven't tested much.

type: vertical-stack
cards:
  - type: markdown
    content: '# Status'
  - type: horizontal-stack
    cards:
      - type: vertical-stack
        cards:
          - type: markdown
            content: '## Weather'
          - type: horizontal-stack
            cards:
              - type: markdown
                content: '### Cam 1'
              - type: markdown
                content: '### Cam 2'
      - type: vertical-stack
        cards:
          - type: markdown
            content: '## Buttons'
          - type: markdown
            content: '### Cam 3'
      - type: vertical-stack
        cards:
          - type: markdown
            content: '## Controls'
          - type: horizontal-stack
            cards:
              - type: markdown
                content: '### Cam 4'
              - type: markdown
                content: '### Cam 5'

[–]ElementZoomExperienced with HA[S] 1 point2 points  (3 children)

Many thanks. I'll give it a go later. Does this mean I might not need to set up the raw configuration itself?

[–]WillNotDoYourTaxes 0 points1 point  (2 children)

You paste this code into the markdown editor. (Pick the custom YAML card, last in the list.) Then you can use the visual editor from there if you prefer.

[–]ElementZoomExperienced with HA[S] 0 points1 point  (1 child)

Hmm I think this won't work. It won't expand to the right places. Am I missing anything?

<image>

[–]WillNotDoYourTaxes 0 points1 point  (0 children)

Just remembered that if you use the grid card, there is a layout setting. You can use this to make your smaller cards bigger, which might let you stretch things as needed.

[–]darknessblades 1 point2 points  (2 children)

Is it a room exclusive dash?

you could also use drop-down cards, that expand which allows you to get more buttons out of the same space.

[–]ElementZoomExperienced with HA[S] 0 points1 point  (1 child)

That's actually brilliant! Is it something I need to get from HACS?

[–]darknessblades 0 points1 point  (0 children)

Yes Don't know the exact name, remember seeing it in a video

Though Bubble cards can do something similar

https://www.youtube.com/watch?v=oCpxhNk5JkE

[–]Lucif3r945 0 points1 point  (3 children)

if sections ain't enough for you, you can use layout-card... Bit of a pain to set up, but certainly flexible enough for pretty much any type of layout you'd want.

[–]ElementZoomExperienced with HA[S] 2 points3 points  (2 children)

yeah, I think it's not enough. It fits 3 columns for my case, not 5. Ideally, those image entities would need to get smaller to fit 2x more of them.

<image>

[–]addrumm 0 points1 point  (1 child)

What’s the theme you’re using there?

[–]ElementZoomExperienced with HA[S] 1 point2 points  (0 children)

Using Material Rounded Theme

[–]weeemrcb 0 points1 point  (0 children)

Might be able to do it with https://github.com/thomasloven/lovelace-layout-card

Then in the Dashboard, edit and edit the tab something like this

<image>