Esta guía explica cómo aplicar clases CSS personalizadas al botón de envío de un formulario o a su elemento contenedor (el div que lo encierra), útil para la personalización gráfica mediante hojas de estilo externas.
> Nota: Para seguir este procedimiento, debes tener disponibles las clases CSS que deseas aplicar.
Procedimiento Paso a Paso
1. Accede a la Edición del Formulario
Abre el formulario que deseas modificar en la interfaz de administración.
2. Ve a la Sección Generales
Asegúrate de estar en la primera sección del formulario, titulada Generali.
3. Localiza la Configuración del Botón de Envío
Desplázate hacia abajo hasta encontrar el recuadro titulado Pulsante di invio.
4. Elige dónde Aplicar las Clases
Dentro del recuadro, encontrarás dos campos de texto para insertar las clases:
- Classi Input: Usa este campo para añadir clases directamente al elemento
input(el botón mismo). - Classi Contenitore: Usa este campo para añadir clases al
divque contiene el botón de envío (útil para controlar la disposición o el ancho).
5. Introduce las Clases CSS
En el campo deseado (Classi Input o Classi Contenitore), escribe las clases CSS que quieres aplicar.
> Ejemplo: Si quieres aplicar las clases btn-custom y large-button, escribe: btn-custom large-button (separando las clases con un espacio).
6. Guarda los Cambios
Completa el procedimiento de guardado del formulario (normalmente haciendo clic en el botón de guardar o siguiendo los pasos siguientes del asistente) para que las clases CSS tengan efecto en el frontend.
