[help] Lovelace: layout-card custom

vipk31 · October 12, 2019, 3:50am

I am currently having problems
Configure my settings

title: test
icon: 'mdi:script'
panel: true
path: mirror
cards:
  - type: 'custom:layout-card'
    layout: horizontal
    column_num: 3
    ltr: false
    rebuild: false
    cards:
      - type: custom:clock-card
        entity: sensor.time

      # thoi tiet
      - type: custom:weather-card
        entity: weather.home_tnt
        icons: "/local/icons/"

its is show

But I would like to show it as shown below

I took a long time but still could not do it. Is there anyone to help me. Thank you very much
Sorry for the tag: @thomasloven

VDRainer · October 12, 2019, 5:46am

Have you tried it with the break?

    cards:
      - type: custom:clock-card
        entity: sensor.time

      - break
      - break # not sure if you need a second one in horizontal layout

      # thoi tiet
      - type: custom:weather-card
        entity: weather.home_tnt
        icons: "/local/icons/"

Or you can try the gap-card to insert a dummy card.

tom_l · October 12, 2019, 6:39am

The gap card is a godsend. I only discovered it recently but it has enabled the layouts I want.

vipk31 · October 12, 2019, 6:48am

thanks you very much !!
The gap-card has solved the problem

thomasloven · October 12, 2019, 7:45pm

That’s exactly what it’s for. Should probably have been bundled with layout-card…

tom_l · October 12, 2019, 9:53pm

Doesn’t the layout card require panel mode though?