Apex · APEX Css · APEX image · HTML · javascript · PDF

Métodos para Convertir HTML a PDF en Oracle APEX

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

Apex · APEX Css · javascript · Oracle

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

Apex · APEX Css · APEX image · javascript

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

Apex · APEX Css · APEX image · javascript

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

Apex · javascript

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

Apex · APEX Css · APEX image · javascript · Oracle

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

Apex · APEX Css · APEX image · javascript

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

Apex · APEX complementos · APEX Css · Interactive Grid · javascript · Oracle

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

Apex · javascript · Smartphone

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

Apex · javascript · Oracle

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