I’m trying to corral about 12 cards into some sort of order with Thomas Loven’s Layout Card. I’ve got it installed using HACs and I’ve checked for any 404 errors using Chrome’s developer tools, it’s in my Lovelace raw config - but no matter what settings I try, the layout of the page doesn’t seem to change! I tried adding a
- break
and the lovelace front end just said the break was an unknown card?!
Any tips most welcome
Thanks
I don’t think anyone’s going to be able to help, unless you post your configuration.
1 Like
Sorry. Here’s an example
cch:
exceptions:
- conditions:
user_agent: Mozilla/5.0 (Linux;
config:
kiosk_mode: true
menu: show
notifications: show
options: show
voice: show
custom_header:
exceptions:
- conditions:
user_agent: Mozilla/5.0 (Linux;
config:
kiosk_mode: true
- conditions: {}
config: {}
resources:
- type: js
url: /local/tracker-card.js?v=0
- type: null
url: /community_plugin/gauge-card/gauge-card.js
- type: module
url: /local/forked-daapd-card.js?v=0.0.1
- type: js
url: /local/card-modder.js?v=1
- type: js
url: /local/monster-card.js
- type: module
url: /local/zigbee2mqtt-networkmap.js?v=0.5.0
- type: module
url: /local/custom-lovelace/thermostat-card/thermostat-card.js?v=1
- type: css
url: 'https://fonts.googleapis.com/css?family=Roboto:100,300,400'
- type: module
url: /community_plugin/lovelace-card-mod/card-mod.js
- type: js
url: /community_plugin/text-element/text-element.js
- type: module
url: /community_plugin/lovelace-auto-entities/auto-entities.js
- type: module
url: /community_plugin/button-card/button-card.js
- type: module
url: /community_plugin/lovelace-layout-card/layout-card.js
- type: module
url: /community_plugin/lovelace-card-tools/card-tools.js
- type: module
url: /community_plugin/custom-header/custom-header.js
- type: js
url: /community_plugin/flex-table-card/flex-table-card.js
title: Home
views:
- badges: []
column_width: 100%
icon: ''
layout: vertical
min_columns: 3
path: radio
title: Radio2
type: 'custom:layout-card'
cards:
- camera_image: camera.radio1
camera_view: live
entities:
- automation.forked_demand
type: picture-glance
- entities:
- entity: sensor.friendly_r1_status
show_icon: false
show_name: false
show_state: true
type: glance
- camera_image: camera.radio2
camera_view: live
entities:
- automation.forked_demand
type: picture-glance
- entities:
- entity: sensor.friendly_r2_status
show_icon: false
show_name: false
show_state: true
type: glance
- camera_image: camera.radio3
camera_view: live
entities:
- automation.forked_demand
type: picture-glance
- entities:
- entity: sensor.friendly_r3_status
show_icon: false
show_name: false
show_state: true
type: glance
- camera_image: camera.radio4
camera_view: live
entities:
- automation.forked_demand
type: picture-glance
- break
- entities:
- entity: sensor.friendly_r4_status
show_icon: false
show_name: false
show_state: true
type: glance
- camera_image: camera.radio4extra
camera_view: live
entities:
- automation.forked_demand
type: picture-glance
- entities:
- entity: sensor.friendly_r4extra_status
show_icon: false
show_name: false
show_state: true
type: glance
- camera_image: camera.radio6
camera_view: live
entities:
- automation.forked_demand
tap_action:
action: call-service
service: automation.trigger
service_data:
entity_id: automation.alert_that_rosetta_is_down
type: picture-glance
you seem to have muddled what should be config for the view and what should be config for the layout card.
under cards: for the view should be custom:layout-card then the config for the layout-card.
badges, icon, path belong to the view
column_width, layout, min_columns belong to the custom layout card
unrelated (i think) but you also have config for CCH and Custom header, CCH predated custom header and should be removed.
1 Like
Thank you! So I needed to nest the cards within the custom layout card. Gotcha. Thank you. I did that and it’s now working! Woo.
- title: Radio
path: radio
badges: []
type: 'custom:layout-card'
layout: vertical
column_width: 100%
cards:
- type: 'custom:layout-card'
layout: vertical
min_columns: 3
cards:
- camera_image: camera.radio1
camera_view: live
entities:
- automation.forked_demand
type: picture-glance
- entities:
- entity: sensor.friendly_r1_status
show_icon: false
show_name: false
show_state: true
type: glance
- camera_image: camera.radio2
camera_view: live
entities:
- automation.forked_demand
type: picture-glance
- entities:
- entity: sensor.friendly_r2_status
show_icon: false
show_name: false
show_state: true
type: glance
- break
- camera_image: camera.radio3
camera_view: live
entities:
- automation.forked_demand
type: picture-glance
- entities:
- entity: sensor.friendly_r3_status
show_icon: false
show_name: false
show_state: true
type: glance
- camera_image: camera.radio4
camera_view: live
entities:
- automation.forked_demand
type: picture-glance
- entities:
- entity: sensor.friendly_r4_status
show_icon: false
show_name: false
show_state: true
type: glance
- break
- camera_image: camera.radio4extra
camera_view: live
entities:
- automation.forked_demand
type: picture-glance
- entities:
- entity: sensor.friendly_r4extra_status
show_icon: false
show_name: false
show_state: true
type: glance
- camera_image: camera.radio6
camera_view: live
entities:
- automation.forked_demand
tap_action:
action: call-service
service: automation.trigger
service_data:
entity_id: automation.alert_that_rosetta_is_down
type: picture-glance
- entities:
- entity: sensor.friendly_r6_status
show_icon: false
show_name: false
show_state: true
type: glance
1 Like