Is there any way to make cards take more than one column? [Solved]

Configuration Frontend
1

Is there any way to make cards take more than one column? IE: How can I make a layout similar to the following crude example?

    [ 1 ] [    2    ] 
    [ 3 ] [ 4 ] [ 5 ]
    [       6       ]

1 = Thermostat card
2 = Weather card taking up 2 columns
3, 4, & 5 = Entities cards for various rooms
6 = Media control card taking up 3 columns

  • I had to come back and edit this post because the forum stripped some spacing in my “sample” layout without my noticing at first (with the result coincidentally matching the best I have been able to do in Home-Assistant so far which is get item 2 to be a single column wide, leaving the space above item 5 completely blank).
2

yes its possible,

vertical stack the whole thing, with each stack item having a horizontal stack in it, with each horizontal stack item containing the items you want. That’s just a crude 20 second answer for ya

1 Like
3

easy said then done, pain in the ass in my expierence, only thing i hate about home-assistant

4

I now have an answer for my question… As of yesterday, Layout-Card by ThomasLoven supports this capability.

5

have you had any luck getting Layout-Card working??

6

I have this one setup & working perfectly for me…

type: 'custom:layout-card'
column_num: 2
max_columns: 2
column_width:
  - 35%
  - 65%
layout: vertical
cards:
  - type: markdown
    title: TP-Link TL-WDR3600 Router
    content: ' '
  - type: 'custom:hui-divider-row'
  - type: horizontal-stack
    cards:
      - type: glance
        title: Sent
        columns: 1
        entities:
          - entity: sensor.wireless_router_tl_wdr3600_kbyte_sec_sent
            name: Kilobytes/second
          - entity: sensor.wireless_router_tl_wdr3600_bytes_sent
            name: Total Bytes
          - entity: sensor.wireless_router_tl_wdr3600_packets_sec_sent
            name: Packets/second
          - entity: sensor.wireless_router_tl_wdr3600_packets_sent
            name: Total Packets
      - type: glance
        columns: 1
        title: Received
        entities:
          - entity: sensor.wireless_router_tl_wdr3600_kbyte_sec_received
            name: Kilobytes/second
          - entity: sensor.wireless_router_tl_wdr3600_bytes_received
            name: Total Bytes
          - entity: sensor.wireless_router_tl_wdr3600_packets_sec_received
            name: Packets/second
          - entity: sensor.wireless_router_tl_wdr3600_packets_received
            name: Total Packets
  - break
  - type: markdown
    title: Devices On The Network
    content: ' '
  - type: 'custom:hui-divider-row'
  - type: entity-filter
    card:
      type: glance
      show_state: false
    state_filter:
      - home
    entities:
      - entity: device_tracker.his_phone
      - entity: device_tracker.her_phone
      - entity: device_tracker.thermostat
      - entity: device_tracker.printer
      - entity: device_tracker.smartthings_hub
  - type: 'custom:hui-divider-row'
  - type: markdown
    title: Devices NOT On The Network!!!
    content: ' '
  - type: 'custom:hui-divider-row'
  - type: entity-filter
    state_filter:
      - not_home
    card:
      show_state: false
      type: glance
    entities:
      - entity: device_tracker.his_phone
      - entity: device_tracker.her_phone
      - entity: device_tracker.thermostat
      - entity: device_tracker.printer
      - entity: device_tracker.smartthings_hub
1 Like