Como criar um "Divisor" e uma "Seção" nos Cartões da nossa tela "Visão Geral" da Dashboard!

Acredito que muitos aqui já sabem e já manjam d+ mas esse tutorial é pra quem ainda está aprendendo! Hoje vou mostrar como criar um divisor e uma seção dentro de um cartão da nossa tela visão geral!

Primeiro vamos adicionar um divisor!

Na nossa tela de visão geral vamos no menu e em Configurar “interface” do usuário no canto direito a cima.

4

Vamos até o cartão que vamos colocar o divisor e clicar em Editar.

Com o cartão aberto vamos clicar em Mostrar Editor de Código.

Aqui vamos ver o código do nosso cartão, podemos reparar que vemos todas as entidades (entity) dos dispositivos do Home Assistant que estão naquele cartão, vamos escrever “type: divider” como na imagem e aqui embaixo!

- type: divider

Clique em Salvar e vai perceber que apareceu o divisor! E vai aparecer o divisor na tela comum de edição do cartão também!

Agora vamos adicionar uma seção!

Para a nossa seção o caminho é o mesmo, vamos até Mostrar Editor de Código. Entre as entidades que queremos adicionar a seção vamos escrever “type: section” e embaixo “label: nomedaseção” se quisermos colocar um nome para aquela seção!

- type: section
  label: nomedaseção

Não esqueça que se quiser fechar a seção vai precisar colocar novamente o “type: section” no final.

Clique em Salvar e vai perceber que apareceu a seção e o nome dela se colocou um! E vai aparecer a seção na tela comum de edição do cartão também!

Espero ter ajudado!
Até +!

9 Likes

Excelente tutorial, parabéns!!

1 Like

As minhas entidades eu configurei cada uma na sua respectiva área, existe alguma forma automática, alguma funcionalidade do HA de cada área se tornar um cartão?
Por exemplo, o HA criou automaticamente o cartão Lights para agrupar 3 lâmpadas e também criou o cartão Switchs para agrupar outros 4 dispositivos, mas eles possuem áreas distintas, então ao invés de agrupar pelo tipo (luz ou tomada), queria agrupar por área, que neste caso seriam: Sala, Quarto e Cozinha e dentro de cada um os seus respectivos dispositivos.
Existe algo automático para isso ou precisa ser agrupado manualmente?

Tudo manualmente, é simples de fazer. Vc precisa liberar a customização da Lovelace, se não liberou o HA fica jogando os dispositivos em cartões pelos tipos de entidades como vc comentou… libera que fica + fácil organizar.