Mon problème
Bonjour,
Je souhaiterai réalisé un thème pour Tablet avec une sidebar. Je ne comprend pas le principe du grid layout. le gridd layout ne prend pas 100% de l’ecran impossible de comprend.
Fichier principal
---
button_card_templates: !include_dir_merge_named "../../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"
sidebar: !include sidebar.yaml
title: "Maison"
background: "var(--background-image)"
views:
- title: "Home"
path: "home"
# layout:
# grid-template-columns: "1fr 1fr"
# grid-template-rows: "min-content"
# grid-template-areas: |
# "home"
# mediaquery:
# "(max-width: 1100px), (orientation: portrait)":
# grid-template-columns: "100%"
# grid-template-areas: "home"
cards:
- !include views/01-home.yaml
- title: "Sonos"
path: "sonos"
icon: "phu:sonos-one"
cards:
- !include views/01-sonos.yaml
- title: "Sonos"
path: "sonos"
icon: "phu:sonos-one"
cards:
- !include views/01-sonos.yaml
views
---
type: custom:layout-card
layout_type: "custom:grid-layout"
layout:
# Tablet portrait
grid-template-columns: "1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr"
grid-template-rows: "min-content"
grid-template-areas: |
"groups groups groups groups grouping grouping grouping grouping speakers speakers speakers speakers"
"groups groups groups groups grouping grouping grouping grouping speakers speakers speakers speakers"
"groups groups groups groups grouping grouping grouping grouping speakers speakers speakers speakers"
"favourite favourite favourite favourite favourite favourite favourite favourite now_playing now_playing now_playing now_playing"
"favourite favourite favourite favourite favourite favourite favourite favourite now_playing now_playing now_playing now_playing"
"favourite favourite favourite favourite favourite favourite favourite favourite now_playing now_playing now_playing now_playing"
"favourite favourite favourite favourite favourite favourite favourite favourite now_playing now_playing now_playing now_playing"
"favourite favourite favourite favourite favourite favourite favourite favourite now_playing now_playing now_playing now_playing"
"favourite favourite favourite favourite favourite favourite favourite favourite now_playing now_playing now_playing now_playing"
mediaquery:
#phone
# "(max-width: 800px)":
# grid-template-columns: 1fr 1fr 1fr 1fr
# grid-template-rows: auto
# grid-template-areas: |
# "text chips chips chips"
# "welcome welcome welcome welcome"
# "info1 info1 info2 info2"
# "presence presence presence presence"
# "room1 room1 room1 room1"
# "room2 room2 room2 room2"
# "room3 room3 room3 room3"
view_layout:
grid-area: "home"
cards:
- view_layout:
grid-area: "groups"
type: "custom:button-card"
template: custom_card_yagrasdemonde_lights_count
entity: sensor.covers_open
variables:
ulm_custom_card_yagrasdemonde_lights_count_type: "cover"
ulm_custom_card_yagrasdemonde_lights_count_icon_off: "mdi:window-shutter"
ulm_custom_card_yagrasdemonde_lights_count_color: "blue"
- view_layout:
grid-area: "grouping"
type: "custom:button-card"
template: custom_card_yagrasdemonde_lights_count
entity: sensor.covers_open
variables:
ulm_custom_card_yagrasdemonde_lights_count_type: "cover"
ulm_custom_card_yagrasdemonde_lights_count_icon_off: "mdi:window-shutter"
ulm_custom_card_yagrasdemonde_lights_count_color: "blue"
- view_layout:
grid-area: "speakers"
type: "custom:button-card"
template: custom_card_yagrasdemonde_lights_count
entity: sensor.covers_open
variables:
ulm_custom_card_yagrasdemonde_lights_count_type: "cover"
ulm_custom_card_yagrasdemonde_lights_count_icon_off: "mdi:window-shutter"
ulm_custom_card_yagrasdemonde_lights_count_color: "blue"