Categoria: Lovelace

HassioHelp

Lovelace con effetto WOW; animiamo le Card con CSS

State cercando di dare un qualcosa in più alle vostre card su Home Assistant? Vi sembrano piatte e noiose? Volete che cambiono in base allo stato delle entità? La soluzione sta nell’utilizzo del codice CSS.

Lovelace Card: Picture-Elements

Nelle card standard di Lovelace si trova la Picture Elements che è quella più personalizzabile e versatili di tutte. Si possono inserire immagini, icone e testi sopra ad un’immagine di sfondo, è possono creare effetti visivi in base agli attributi di un’entità o richiamare servizi.

Multi Dashboard: come crearle e gestirle

Con il rilascio di Homeassistant in versione 0.170.0 è stata introdotta la multi dashboard, in questo articolo vedremo come utilizzarla sia in modalità manuale (yaml) che in modalità automatica (storage). Con particolare attenzione alla modalità manuale ed alle possibilità offerte per dividere il file di lovelace in più file, in modo da mantenere in ordine i file del nostro sistema senza ritrovarci un unico enorme file con tutte le nostre card e view.

Card Modder (Smussiamo gli spigoli della card)

Su questo articolo vediamo come installare il custom card Card-Modder che ci permette di smussare gli spigoli (e non solo) delle varie card.                                                                 1.…
Leggi tutto

Tracker Card & Custom Updater (Monitoriamo i nostri custom)

Tracker Card è un tool utilissimo per tenere traccia degli aggiornamenti delle custom-card e dei custom_component installati nel nostro Home Assistant. Tracker card va usato insieme con il componente non ufficiale custom_updater (che vedremo più avanti come installarlo) che ci aiuterà a sincronizzare le versioni, consentirà l’aggiornamento di card e componenti tutto da interfaccia UI. Vediamo ora come installare tutto ciò.            …
Leggi tutto

Lovelace Card: WEATHER FORECAST

Questa Card Weather Forecast permette la creazione tramite in component Dark Sky di creare una card meteo. Prima di creare la card dobbiamo compiere 2 passi: 1. Registrarsi nel sito Dark Sky direttamente su questo link https://darksky.net/dev/register 2. Recuperare sempre dal sito di Dark Sky la Key 3. Configurare Home Assistant in questo modo: aggiungere nel file…
Leggi tutto

Lovelace Card: SHOPPING LIST

La Card Shopping List ci mette a disposizione un modo per memorizzare una lista di nomi. Questa card necessita della dichiarazione del component shopping list: nel file configuration.yaml. File configuration.yaml

È possibile avere una sola lista anche se vengono create due card la lista all’interno è sempre la stessa.  

type:  shopping-list title: …
Leggi tutto

Lovelace Card: MEDIA CONTROL

La Card Media Control permette la visualizzazione ed il controllo in modo grafico di un media.player.

type:  media-control entity:  entità media.plaier da visualizzare   Articolo introduttivo su Lovelace: https://hassiohelp.eu/2019/01/03/lovelace/ Per approfondire questa card vi rimando al sito ufficiale https://www.home-assistant.io/lovelace/media-control/    

Lovelace Card: MARKDOWN

Questa Card permette di creare delle finestre di testo formattato, utile per dare dei titoli alle nostre card o dare informazioni di vario genere. Per i comandi di formattazione visitate il sito markdown. In questo esempio è stata creata una Card Vertical-Stack ed all’interno una Card Marckdown e 2 iFrame

type:  markdown content:  contenuto…
Leggi tutto

Lovelace Card: THERMOSTAT

Questa semplice Card Thermostat ci permette di visualizzare le entità climate che abbiamo creato in Home Assistant.    

type:  entity-button entity:  entità da visualizzare name:  (opzionale) nome dell’entità     Articolo introduttivo su Lovelace: https://hassiohelp.eu/2019/01/03/lovelace/ Per approfondire questa card vi rimando al sito ufficiale https://www.home-assistant.io/lovelace/thermostat/