Este guia explica como adicionar classes CSS personalizadas a um campo específico do formulário ou ao seu contêiner (a área que envolve o rótulo e o input).
Esta funcionalidade é útil se você deseja aplicar estilos específicos ou comportamentos JavaScript a elementos individuais do formulário.
1. Atribuir classes a um campo do formulário
Para atribuir classes a um campo específico (como um campo de texto, uma caixa de seleção ou um menu suspenso), siga estes passos:
1. Acesse a seção de edição do formulário e vá para a aba Generali.
2. Na seção Campi, localize o campo que deseja modificar e clique nele para expandir suas configurações.
3. Role até o final das configurações do campo e marque a caixa Mostra impostazioni avanzate.
- Nota: Se esta caixa já estiver marcada, você pode pular esta etapa.
4. Uma vez exibidas as configurações avançadas, você verá dois campos dedicados à inserção das classes:
- Classi Input: Insira aqui as classes CSS que deseja aplicar diretamente ao elemento de input (por exemplo, a tag
<input>,<select>ou<textarea>). - Classi Contenitore: Insira aqui as classes CSS que deseja aplicar ao contêiner principal do campo (o elemento
divque envolve o rótulo e o input).
5. Insira as classes desejadas, separando-as com um espaço (por exemplo: mia-classe-rossa nascondi-su-mobile).
6. Salve o formulário para aplicar as alterações.
2. Atribuir classes ao Botão de envio
Você também pode personalizar o Botão de envio (Submit) do formulário.
1. Acesse a seção de edição do formulário e vá para a aba Generali.
2. Role até a seção Pulsante di invio.
3. Nesta seção, você encontrará os seguintes campos:
- Classi Input: Insira as classes CSS que deseja aplicar diretamente ao botão de envio.
- Classi Contenitore: Insira as classes CSS que deseja aplicar ao contêiner do botão (útil para gerenciar alinhamento ou espaçamento).
4. Insira as classes desejadas.
5. Salve o formulário para aplicar as alterações.
