Convertir contenido HTML a PDF es un requisito común en aplicaciones web. Este artículo de blog demuestra tres enfoques diferentes para lograr esto en aplicaciones Oracle APEX, cada uno con sus propias ventajas y casos de uso. 🔗 Demo RESUMEN DE MÉTODOS Método 1: jsPDF con Dimensiones Fijas - Generación de PDF simple y predecible… Continue reading Métodos para Convertir HTML a PDF en Oracle APEX
Category: javascript
Reacciones Dinámicas v3 en Oracle APEX
En esta nueva versión guardaremos los datos de las reaciones por usuario conectado. DEMO Usaremos el diseño de la versión 2, en la que cargaremos las reacciones mediante un botón. Ahora, modificaremos el estilo del botón, cambiándolo por un ícono de pulgar hacia arriba. Además, asignaremos una acción a cada reacción para que, cuando un… Continue reading Reacciones Dinámicas v3 en Oracle APEX
Reacciones Personalizadas v2 en Oracle APEX
En esta nueva versión de las reacciones por botón, añadiremos un poco más de complejidad para hacerlo más dinámico utilizando una tabla como base de datos de los elementos. Si quieres ver cómo empezó todo, puedes revisar la versión 1, donde los elementos eran estáticos y menos flexibles. Reacciones v1 Aquí te dejo la aplicación… Continue reading Reacciones Personalizadas v2 en Oracle APEX
Reacciones Personalizadas en Oracle APEX
En este artículo, aprenderemos cómo agregar un menú de opciones personalizado a cualquier elemento de tu aplicación, como por ejemplo, botones. Demo Para lograrlo, utilizaremos JavaScript, HTML y CSS, combinando estos tres lenguajes para crear una interfaz interactiva y estilizada. #shared-reactions-panel { position: absolute; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 2px 8px rgba(0,… Continue reading Reacciones Personalizadas en Oracle APEX
Cómo Cambiar Dinámicamente el Título de una Región Modal en Oracle APEX
En Oracle APEX, en algunos casos, es necesario cambiar el título de estas regiones dinámicamente según el contexto. En este artículo, te enseñaré cómo hacerlo utilizando JavaScript y jQuery. Para modificar el título de una región modal en Oracle APEX de forma dinámica, podemos utilizar apex.util.getTopApex() junto con jQuery. A continuación, veremos los pasos necesarios:… Continue reading Cómo Cambiar Dinámicamente el Título de una Región Modal en Oracle APEX
Añadiendo Zoom/Lightbox a Imágenes en Oracle APEX
En este post, exploraremos cómo implementar un efecto de zoom en imágenes en Oracle APEX utilizando la popular librería MagnificPopup.Demo Primero, descargaremos las librerías necesarias desde el sitio oficial de MagnificPopup: Magnific Popup. Necesitaremos los archivos JS y CSS disponibles en GitHub. Una vez descargadas las librerías, aprenderemos cómo integrarlas en nuestra aplicación APEX para… Continue reading Añadiendo Zoom/Lightbox a Imágenes en Oracle APEX
Guía Práctica: Cómo Mostrar Imágenes en Oracle APEX
En las siguientes lineas veremos como mostrar images almacenadas en columnas BLOB o tambien en algunos casos usando una URL. La demo de estas diferentes formas la pueden encontrar aqui. 1 Region FORM (blob) Empezaremos usando la region tipo FORM, el cual hace uso de cosas nativas para el tipo de Item es display image.… Continue reading Guía Práctica: Cómo Mostrar Imágenes en Oracle APEX
Oracle APEX Multiple Carrusel en Reporte, Carousel in Report
En cierta oportunidad vamos a necesitar agregar diferentes imágenes en un reporte, en este método que mostrare, agregaremos un carrousel de imágenes por linea de un reporte. El ejemplo lo ven en: https://apex.oracle.com/pls/apex/f?p=32431:1070:103822500571635::::: demo/demo En este tutorial estamos usando las tablas de ejemplo de Oracle APEX, Order, products. Quiero hacer notar que el siente podrían… Continue reading Oracle APEX Multiple Carrusel en Reporte, Carousel in Report
Guardar foto usando la Cámara, Webcam, Smartphone Camera en Oracle APEX
En nuestro blog anterior vimos como configurar la cámara de nuestro dispositivo para activar la cámara y/o capturar una imagen. En este blog agregaremos una función adicional, que nos permita guarda dicha imagen en una tabla. Lo primero que usaremos es una función JS adicional: Parte importante es el envió de la imagen en base64.… Continue reading Guardar foto usando la Cámara, Webcam, Smartphone Camera en Oracle APEX
Activar Cámara, Webcam, Smartphone Camera en Oracle APEX
Hola, amigos en este tutorial hablamos un poco sobre como activar la cámara, ya sea camara web de una PC, computador laptop o el de un celular, smartphone. Para ello usaremos JavaScript con el API getUserMedia. La demo lo pueden encontrar en el siguiente enlace El código líneas abajo, describe 3 funciones principales: Activar la… Continue reading Activar Cámara, Webcam, Smartphone Camera en Oracle APEX