[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla # Adaptar campos de formulario Joomla a cualquier framework [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net) 17 Junio 2020 [Tips Joomla](https://sergioiglesias.net/blog/joomla) 1 - 1 minutos Visitas: 2275 - - [ Formación Joomla ](https://sergioiglesias.net/etiquetas/formacion-joomla) - [ Desarrollo Joomla ](https://sergioiglesias.net/etiquetas/desarrollo-joomla) - [ Plantillas Joomla ](https://sergioiglesias.net/etiquetas/plantillas-joomla) ![](https://sergioiglesias.net/images/blog/tips/adaptar-campos-formulario-joomla.jpg) Hoy te traigo un artículo rápido en el que te enseño **cómo adaptar los campos de formulario Joomla** al framework de Front-end que estés utilizando: Bootstrap, UIKit, Tailwind... Cómo adaptar los campos de formulario Joomla a cualquier framework (Bootstrap, UIKit, Tailwind...) - #MejorConJoomla [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/adaptar-campos-de-formulario-joomla-a-cualquier-framework "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fadaptar-campos-de-formulario-joomla-a-cualquier-framework&text=C%C3%B3mo%20adaptar%20los%20campos%20de%20formulario%20Joomla%20a%20cualquier%20framework%20%28Bootstrap%2C%20UIKit%2C%20Tailwind...%29%20-%20%23MejorConJoomla "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=C%C3%B3mo%20adaptar%20los%20campos%20de%20formulario%20Joomla%20a%20cualquier%20framework%20%28Bootstrap%2C%20UIKit%2C%20Tailwind...%29%20-%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fadaptar-campos-de-formulario-joomla-a-cualquier-framework "Envíalo") El motivo de escribir este artículo es porque hace poco te enseñaba uno de los proyectos que había [desarrollado para gestionar exámenes con Joomla: OPE SEC](https://sergioiglesias.net/blog/recomendaciones/464-ope-sec-gestion-de-examenes-desarrollado-con-joomla). En este proyecto había **desarrollado una plantilla Joomla a medida** basada en Bootstrap 4. Pues bien, para adaptar las clases que traen por defecto los campos en los formularios Joomla (que en su versión 3 está basado en Bootstrap 2) hice lo siguiente: Override de `layouts/joomla/form/renderfield.php` y su carpeta asociada `field` en donde están los diferentes tipos de campos: text, calendar... De esta forma tan sencilla puedes poner las clases que necesites en función del framework que hayas seleccionado para hacer tu plantilla Joomla. --- Espero que te haya ayudado este pequeño tip sobre **cómo adaptar los campos de formulario Joomla** al framework de Front-end. Cómo adaptar los campos de formulario Joomla a cualquier framework (Bootstrap, UIKit, Tailwind...) - #MejorConJoomla [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/adaptar-campos-de-formulario-joomla-a-cualquier-framework "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fadaptar-campos-de-formulario-joomla-a-cualquier-framework&text=C%C3%B3mo%20adaptar%20los%20campos%20de%20formulario%20Joomla%20a%20cualquier%20framework%20%28Bootstrap%2C%20UIKit%2C%20Tailwind...%29%20-%20%23MejorConJoomla "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=C%C3%B3mo%20adaptar%20los%20campos%20de%20formulario%20Joomla%20a%20cualquier%20framework%20%28Bootstrap%2C%20UIKit%2C%20Tailwind...%29%20-%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fadaptar-campos-de-formulario-joomla-a-cualquier-framework "Envíalo") [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado ### ¿No sabes bien en qué estado está tu web Joomla? Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden. Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML [ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables [![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS. [](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias") ### Suscríbete a mi newsletter ¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo. Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**. [Quiero apuntarme!](https://sergioiglesias.net/newsletter) ### No hay comentarios ### Deja tu comentario En respuesta a Some User Nombre \* Dirección de email \* Texto del comentario \* Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*