¡Brilla como el Sol! Personaliza el Estilo de tus Informes Interactivos en Oracle APEX

¡Saludos, amantes del desarrollo web y bienvenidos de nuevo a ParaguayanDev!

Hoy nos embarcaremos en un emocionante viaje hacia el mágico mundo del código CSS, explorando cómo darle un toque vibrante a tus informes interactivos en Oracle APEX. Si estás deseando resaltar esas filas de tus tablas cuando alguien pase el ratón por encima, ¡estás en el lugar correcto!

¿Alguna vez te preguntaste cómo esos sitios web modernos consiguen ese efecto asombroso cuando pasas el mouse sobre las tablas y las filas comienzan a brillar con un resplandor de colores? Bueno, estás a punto de descubrir el secreto detrás de ese encanto visual.

Paso 1

Tienes que crear una region tipo informe interactivo

Y definirle un identificador estatico a la misma para efectos del ejemplo nosotros definimos como identificador estatico la palabra "resaltar"

Paso 2

Imagina tu página web como un lienzo en blanco y el CSS como tu pincel mágico que le da vida y personalidad. El código que ves a continuacion, es la llave para agregar un toque fresco a tus informes interactivos en Oracle APEX.

#resaltar.a-GV-row.is-hover , .a-IRR-table tr:hover td { 
background-color: greenyellow; 
}

Este codigo tiene que ir en la definicion de la pagina en la seccion de CSS en el apartado de EN LINEA como se muestra a continuacion.

Pero, ¿qué hace exactamente este código? ¡Es simple pero poderoso! Cuando alguien pasa el mouse sobre una fila (tr) en tus tablas, este código entra en acción y le da un fondo brillante de color (background-color: greenyellow). Es como si cada fila estuviera celebrando con alegría cuando la seleccionan.

Ahora, ¿por qué deberías considerar este truco para tu página en Oracle APEX? ¡Porque no hay nada como darle un toque de color magico a tu interfaz de usuario! Este pequeño fragmento de código no solo hace que tu página sea más atractiva visualmente, sino que también mejora la experiencia del usuario al facilitar la identificación de las filas seleccionadas.

En resumen, este artículo corto ha sido como un sorbo de tereré para tu conocimiento en desarrollo web. Ahora, corre a tu página de Oracle APEX y prueba este código CSS para darle un toque fresco a tus tablas. ¡te daraz cuenta que tu interfaz de usuario nunca había lucido tan bien!

Les dejo la demo por aca solo vean el menú.

¡Hasta la próxima aventura de codificación!