-
BootStrap
Cómo hacer modal arrastrable en Bootstrap 5
Para hacer un modal arrastrable (draggable) en Bootstrap 5, puedes usar JavaScript puro y la API de eventos de arrastre (mousedown, mousemove, mouseup). Bootstrap 5 no proporciona esta funcionalidad de forma nativa, pero puedes implementarla fácilmente. Pasos para hacer un modal arrastrable: Capturar el evento mousedown en el encabezado del modal. Seguir el movimiento del mouse con mousemove y actualizar…
Leer más » -
BootStrap
Abrir modal dentro de otro modal en Bootstrap 5
Aprenderemos a Abrir modal dentro de otro modal en Bootstrap 5. En Bootstrap 5, abrir un modal dentro de otro puede causar problemas debido a la gestión del z-index y el backdrop (fondo opaco). Para solucionarlo, puedes hacer lo siguiente: Solución: Manejar la apertura/cierre manualmente Usar data-bs-backdrop="static" para evitar que el modal principal se cierre al hacer clic fuera. Cerrar…
Leer más » -
Laravel
Búsqueda en vivo con Laravel usando AJAX
Si quieres implementar búsqueda en vivo con Laravel usando AJAX, puedes usar jQuery AJAX para hacer que la búsqueda sea dinámica sin necesidad de recargar la página. ¿Cómo crear un buscador en vivo con Laravel y AJAX? Para crear un buscador en vivo con laravel debemos de cumplir estos pasos que detallamos a continuación. Crear la Ruta en Laravel Crear…
Leer más » -
JavaScript
Reiniciar summernote usando jQuery
Reiniciar summernote usando jQuery. Aprenderemos a reiniciar el editor. Para restablecer Summernote en jQuery, puedes usar los siguientes métodos según lo que necesites: Reiniciar summernote usando jQuery Aprenderemos 4 formas para restablecer el editor. A continuación, veremos los ejemplos completos. 1. Restablecer el contenido Si solo deseas limpiar el contenido del editor: $('#summernote').summernote('reset'); 2. Vaciar el contenido Si quieres eliminar…
Leer más » -
JavaScript
Sumernote editar contenido con jQuery
Sumernote editar contenido con jQuery. Para editar el contenido de Summernote usando jQuery, puedes utilizar los métodos de la API de Summernote. Aquí tienes algunos ejemplos prácticos que podemos implementar en nuestros proyectos: ¿Que es Summernnote? Summernote es un editor WYSIWYG fácil de configurar e integrar en nuestros proyectos. Además, es una biblioteca de JavaScript. ¿Para que sirve Summernote? Sirve…
Leer más » -
Laravel
INNER JOIN usando Yajra Datatables en Laravel
INNER JOIN usando Yajra Datatables en Laravel. En Laravel, cuando utilizas el paquete Yajra Datatables para manejar tablas dinámicas, puedes realizar un INNER JOIN entre tablas directamente en la consulta que alimenta la DataTable. A continuación te explico cómo hacerlo en español: INNER JOIN usando Yajra Datatables en Laravel A continuación, veremos 4 pasos para implementar INNER JOIN en Laravel…
Leer más » -
Laravel
Tamaño automático de celdas al exportar con Laravel-Excel
Tamaño automático de celdas al exportar con Laravel-Excel. Por defecto el paquete de exportación Laravel-Excel a la hora de exportar las celdas se exportan d emanera ajustada. Por lo tanto, aprenderemos a configurar de manera personalizada el ancho de las celdas en ficheros excel en la exportacion. ¿Como exportar ficheros excel con celdas de tamaño automatico con Laravel-Excel? Para autoajustar…
Leer más » -
Laravel
Agregar encabezados en Laravel Excel
Agregar encabezados en Laravel Excel?. En Laravel es muy importante exportar información de base de dados en extensión de Excel. En tal sentido, aprenderemos a colocar encabezados con la función headings(). ¿Cómo agregar encabezados en ficheros excel en Laravel Excel? Básicamente, tenemos que agregar una función de nombre headings() y declarar las columnas a mostrar a la hora de exporta…
Leer más » -
Laravel
¿Cómo instalar el paquete laravel-excel?
¿Cómo instalar el paquete laravel-excel?: Aprenderemos a instalar este popular paquete paso a paso y vemos que es un paquete simple pero elegante alrededor de PhpSpreadsheet con el objetivo de simplificar las exportaciones e importaciones de ficheros tipo Excel. PhpSpreadsheet es una biblioteca escrita en PHP puro y que proporciona un conjunto de clases que le permiten leer y escribir…
Leer más » -
Laravel
¿Cómo guardar Input tipo Radio en Laravel?
¿Cómo guardar Input tipo Radio en Laravel? En todo proyecto es crucial manejar todo tipo de Inputs de formularios para insertar y/o guardar valores en MySQL y Laravel. ¿Cómo guardar Input tipo Radio en Laravel? Para guiadera correctamente input de tipo radio debemos de crear: Migración y modelo, controlador, vista y crear las rutas necesarias. Ademas, aprenderemos a insertar de…
Leer más » -
Laravel
¿Cómo usar la variable $_GET en blade en laravel?
En algunos casos se suele llegar a este punto de ¿Cómo usar la variable $_GET en blade en laravel?. La idea central es recuperar la información enviada por URL específicamente por el método GET y lo podemos realizar de varias formas. Los siguientes ejemplos de código se puede utilizar en Laravel 12, dentro de una vista de Blade, con el…
Leer más » -
Laravel
¿Cómo concatenar dos columnas en Laravel?
¿Cómo concatenar dos columnas en Laravel?. Brindaremos una solución con 2 ejemplos completos para concatenar columnas en el framework y este modelo funcionara sin problemas con las siguientes versiones laravel 6, laravel 7, laravel 8, laravel 9, laravel 10 y laravel 11. ¿Cómo concatenar dos columnas en Laravel? Para unir o concatenas columnas en una Consulta SQL usaremos la función…
Leer más »
