Buonasera a tutti,
sto avendo serie difficoltà a capire in quale sezione va postato ogni argomento trattato. Nel caso avessi sbagliato, chiedo scusa.
Ho deciso di cambiare grafica ad hassio, quindi passare da questo (allegato chiamato OLD) a una grafica utilizzando card-button ed avere una cosa simile a questo (allegato chiamato NEW)
Da come si può notare però, ci sono 4 problemi:
- la parola chiuso esce dal riquadro
- i due pulsanti non hanno un quadrato, pur essendo una button card
-c'è troppo spazio vuoto, tipo tra porta balcone e pir
-pur mettendo style come già uso con la vecchia grafica, in questa nuova card, non si colora il bordo della card all'accensione di una luce.
Ecco i codici della card vecchia e nuova, ovviamente ho mischiato un pò i light per fare le prove, l'importante è che funzioni
Ecco il codice della vecchia card funzionante:
[php] - type: entities
title: CUCINA
show_header_toggle: false
style: |
ha-card {
border: 0px solid gray;
{% if is_state('light.faretti_tavolo','on') or is_state('light.faretti_cucina','on') %}
-webkit-box-shadow: 0px 0px 10px 10px rgba(255,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 10px rgba(255,0,0,0.5);
box-shadow: inset 0px 0px 10px 10px rgba(255,0,0,0.5);
{% endif %}
border-radius: 20px;
}
entities:
- type: divider
style:
height: 1px
width: 50%
margin-right: auto
background: '#5294E2'
- entity: binary_sensor.0x00158d00034d4ce1_contact
secondary_info: last-changed
group: true
- entity: binary_sensor.0x00158d00034d8410_contact
secondary_info: last-changed
group: true
- type: divider
style:
height: 1px
width: 50%
margin-right: auto
background: '#5294E2'
- type: divider
style:
height: 1px
width: 50%
margin-right: auto
background: '#5294E2'
- entity: light.faretti_tavolo
secondary_info: last-changed
group: true
- entity: light.faretti_cucina
secondary_info: last-changed
group: true
- type: divider
style:
height: 1px
width: 80%
margin-left: auto
margin-right: auto
background: '#5294E2'
- entity: cover.tapparella_cucina
secondary_info: last-changed
group: true
- type: custom:slider-entity-row
entity: cover.tapparella_cucina
full_row: true
[/php]
Ecco il codice della nuova card:
[php] - type: custom:vertical-stack-in-card
cards:
- type: "custom:button-card"
color_type: label-card
color: rgb(44, 109, 214)
name: INGRESSO
- type: divider
style:
height: 1px
width: 50%
margin-left: auto
margin-right: auto
background: '#5294E2'
- type: entities
entities:
- entity: binary_sensor.0x00158d0002704196_contact
secondary_info: last-changed
group: true
- type: entities
entities:
- entity: binary_sensor.0x00158d0003cbf16f_occupancy
secondary_info: last-changed
group: true
- type: divider
style:
height: 1px
width: 50%
margin-right: auto
background: '#5294E2'
- type: horizontal-stack
cards:
- type: "custom:button-card"
entity: light.faretti_tavolo
secondary_info: last-changed
group: true
color: rgb(255, 0, 0)
size: 20%
state:
- value: "off"
color: rgb(255,255,255)
- type: "custom:button-card"
entity: light.faretti_cucina
secondary_info: last-changed
group: true
color: rgb(255, 0, 0)
size: 20%
state:
- value: "off"
color: rgb(255,255,255)
- type: divider
style:
height: 1px
width: 80%
margin-left: auto
margin-right: auto
background: '#5294E2'
- type: entities
entities:
- entity: cover.tapparella_salone
secondary_info: last-changed
group: true
- type: custom:slider-entity-row
entity: cover.tapparella_salone
full_row: true[/php]
