# Formatação de DIV Dinamicamente pelo CSS Público

**URL:** <https://community.latromi.com.br/t/formatacao-de-div-dinamicamente-pelo-css-publico/1138>\
**Category:** Tutoriais\
**Tags:** css, form\
**Created:** [Novembro 17, 2023, 4:49am UTC](https://community.latromi.com.br/t/formatacao-de-div-dinamicamente-pelo-css-publico/1138 "2023-11-17T04:49:59Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Filipe\_Silva\_Ramos](https://community.latromi.com.br/user_avatar/community.latromi.com.br/filipe_silva_ramos/32/1232_2.png) [@Filipe\_Silva\_Ramos](https://community.latromi.com.br/u/Filipe_Silva_Ramos)\
**Post date:** [Novembro 17, 2023, 4:49am UTC](https://community.latromi.com.br/t/formatacao-de-div-dinamicamente-pelo-css-publico/1138/1 "2023-11-17T04:49:59Z")

</div>

Olá a todos,

Estou com um problema para formatar meus formulários utilizando a classe publica, poderiam me ajudar?

Segue abaixo o exemplo que estou utilizando:

**1° Criação do elemento que receberá a formatação.**

Criei um formulário onde criei um **HTMLELement** onde inseri uma **div** com a classe de nome **classeParaFormatar** , essa div precisa receber a formatação que eu criar publicamente.

 ![Screenshot_1](https://community.latromi.com.br/uploads/default/original/2X/f/faf88b1611790bb69fe5061a688aec15afb2fa62.png)

**2° Declarar a classe publica no formulário onde preciso realizar a formatação.**

Dentro do menu **Configurações** do formulário criei uma classe publica chamada **classpublica** para utilizar a formatação inserida no CSS publico.

 ![Screenshot_2](https://community.latromi.com.br/uploads/default/original/2X/9/94fa23c2a615469286e0906c0ffb79e2c7008600.png)

**3° Escrever o código utilizando CSS.**

Por fim coloquei o meu código CSS no arquivo CSS público para realizar a formatação da div **classeParaFormatar** que criai dentro do campo **elementHTML** no formulário.

![Screenshot_3](https://community.latromi.com.br/uploads/default/original/2X/7/75fdc163fe2543f7982995f7b8583f90691325a4.png)

**4° resultado sem formatação.**

Porém, infelizmente não consegui obter a formatação do campo.

 ![Screenshot_4](https://community.latromi.com.br/uploads/default/original/2X/0/0be3cfedd8eb33d4e752d70f4d97687303601848.png)

Poderia me ajudar com esse tema? No que estou errando?

---

<div class="post-metadata">

**Author:** ![daniel.giacomelli](https://community.latromi.com.br/user_avatar/community.latromi.com.br/daniel.giacomelli/32/1476_2.png) [@daniel.giacomelli](https://community.latromi.com.br/u/daniel.giacomelli)\
**Post date:** [Novembro 18, 2023, 3:53am UTC](https://community.latromi.com.br/t/formatacao-de-div-dinamicamente-pelo-css-publico/1138/2 "2023-11-18T03:53:19Z")

</div>

Olá @Filipe_Silva_Ramos!!

Pela forma que você descreveu a implementação, parece estar correto.

No entanto, avaliando o screenshot do HTML da página que você adicionou, é possível perceber que a classe `classeParaFormatar` aparece no elemento correspondente ao Formulário, quando na verdade deveria ser a classe `classpublica`.

![image](https://community.latromi.com.br/uploads/default/original/2X/d/dfbd450d9d6a8c736c82e674192704d94aec78d8.png)

Por favor, certique-se a classe correta foi especificada no campo “Classe CSS” das configurações do Formulário.

---

<div class="post-metadata">

**Author:** ![Filipe\_Silva\_Ramos](https://community.latromi.com.br/user_avatar/community.latromi.com.br/filipe_silva_ramos/32/1232_2.png) [@Filipe\_Silva\_Ramos](https://community.latromi.com.br/u/Filipe_Silva_Ramos)\
**Post date:** [Novembro 19, 2023, 7:43pm UTC](https://community.latromi.com.br/t/formatacao-de-div-dinamicamente-pelo-css-publico/1138/3 "2023-11-19T19:43:59Z")

</div>

Obrigado @daniel.giacomelli consegui realizar a formatação dos elementos.

A implementação estava correta, porém, para carregar as alterações era necessário recarregar as configurações da página executei o processo e consegui visualizar a formatação.