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

**URL:** https://forum.cpha.pt/t/como-criar-um-divisor-e-uma-secao-nos-cartoes-da-nossa-tela-visao-geral-da-lovelace/5592
**Category:** Lovelace
**Created:** [15 Outubro , 2020 22:10 UTC](https://forum.cpha.pt/t/como-criar-um-divisor-e-uma-secao-nos-cartoes-da-nossa-tela-visao-geral-da-lovelace/5592 "2020-10-15T22:10:55Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![LeandroIssa](https://forum.cpha.pt/user_avatar/forum.cpha.pt/leandroissa/32/11213_2.png) [@LeandroIssa](https://forum.cpha.pt/u/LeandroIssa)
#### Post date: [15 Outubro , 2020 22:10 UTC](https://forum.cpha.pt/t/como-criar-um-divisor-e-uma-secao-nos-cartoes-da-nossa-tela-visao-geral-da-lovelace/5592/1 "2020-10-15T22:10:56Z")

</div>

Acredito que muitos aqui já sabem sobre isso 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!

 ![1](https://forum.cpha.pt/uploads/default/original/2X/3/356200ac9c1d6bd37147a849eb1e98326532dbbc.jpeg)

Primeiro vamos adicionar um divisor!

 ![3](https://forum.cpha.pt/uploads/default/original/2X/7/7799be69c218096c581a9f03fefbc8729f55d366.jpeg)

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

![4](https://forum.cpha.pt/uploads/default/original/2X/6/69049daf1b2a7a18f45f0c835cf56651c6947724.jpeg)

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

 ![5](https://forum.cpha.pt/uploads/default/original/2X/9/9a9525854b0c77633ab6f044075b7eaafec1df0c.jpeg)

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

 ![6](https://forum.cpha.pt/uploads/default/original/2X/2/254a632c25daee893bd25391f83b0df4c841bb54.jpeg)

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 aqui embaixo!

 ![7](https://forum.cpha.pt/uploads/default/original/2X/6/6146762e1ded75fb4849b96f252693df34986f25.jpeg)

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!

 ![7.5](https://forum.cpha.pt/uploads/default/original/2X/4/421664e41ecf805af8b42b32db4970d1b89db88c.jpeg)

Agora vamos adicionar uma seção!

 ![2](https://forum.cpha.pt/uploads/default/original/2X/c/c300f7b2bfb8f5b9ee3a28beaaa26d8f87a2db5a.jpeg)

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

 ![8](https://forum.cpha.pt/uploads/default/original/2X/c/cc7afdf1e265739e426703e49b288d150491c5fb.jpeg)

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!

 ![8.5](https://forum.cpha.pt/uploads/default/original/2X/f/f41454301f218ffe8021037a4e2b15162c66de7d.jpeg)

Espero ter ajudado!  
Até +!