Esta guía explica cómo agregar clases CSS personalizadas a un campo específico del formulario o a su contenedor (el área que encierra la etiqueta y el input).
Esta funcionalidad es útil si deseas aplicar estilos específicos o comportamientos JavaScript a elementos individuales del formulario.
1. Asignar clases a un campo del formulario
Para asignar clases a un campo específico (como un campo de texto, una casilla de verificación o un menú desplegable), sigue estos pasos:
1. Accede a la sección de edición del formulario y ve a la pestaña Generales.
2. En la sección Campos, localiza el campo que deseas modificar y haz clic en él para expandir sus configuraciones.
3. Desplázate hasta el final de las configuraciones del campo y marca la casilla Mostrar configuraciones avanzadas.
- Nota: Si esta casilla ya está marcada, puedes saltarte este paso.
4. Una vez visibles las configuraciones avanzadas, verás dos campos dedicados para ingresar las clases:
- Classi Input: Ingresa aquí las clases CSS que quieres aplicar directamente al elemento input (por ejemplo, la etiqueta
<input>,<select>o<textarea>). - Classi Contenitore: Ingresa aquí las clases CSS que quieres aplicar al contenedor principal del campo (el elemento
divque encierra la etiqueta y el input).
5. Ingresa las clases deseadas, separándolas con un espacio (por ejemplo: mia-classe-rossa nascondi-su-mobile).
6. Guarda el formulario para aplicar los cambios.
2. Asignar clases al Botón de envío
También puedes personalizar el Botón de envío (Submit) del formulario.
1. Accede a la sección de edición del formulario y ve a la pestaña Generales.
2. Desplázate hasta la sección Pulsante di invio.
3. En esta sección encontrarás los siguientes campos:
- Classi Input: Ingresa las clases CSS que quieres aplicar directamente al botón de envío.
- Classi Contenitore: Ingresa las clases CSS que quieres aplicar al contenedor del botón (útil para gestionar la alineación o el espaciado).
4. Ingresa las clases deseadas.
5. Guarda el formulario para aplicar los cambios.
