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

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é +!

2 Likes