Es posible mostrar imágenes almacenadas en una tabla en un reporte interactivo.

En muchas ocasiones se hace necesario estandarizar el tamaño de estas imágenes para conservar una vista limpia del reporte.

Para definir un tamaño estándar para las imágenes mostradas en un reporte interactivo, debemos hacer 2 cosas:

  1. Asignar un Identificador Estático en la columna de la imagen
  2. Agregar a la página que contiene el reporte, el código CSS necesario para formatear la imagen.

Para asignar el Identificador Estático a la columna que contiene la imagen:

  1. Abra la página que contiene el reporte interactivo
  2. Expanda las columnas del reporte interactivo
  3. Haga clic en la columna que mostrará la imagen
  4. En las propiedades de la columna, cambie el Tipo de columna por “Mostrar Imagen”
  5. En Avanzada, Identificador Estático, incluya el nombre de identificador para la columna, por ejemplo: IR_IMAGEN

Para agregar el código CSS necesario:

  1. Abra la página que contiene el reporte interactivo
  2. En el navegador de objetos, haga clic en el nombre de la página
  3. En las propiedades de la página, localice la sección CSS
  4. En la propiedad “En Línea”, agregue el siguiente código:

.a-IRR-table td[headers=”IR_IMAGEN”] img {
height:200px;
width:80px;
}

En el código anterior, en la primera línea, el nombre entre comillas “IR_IMAGEN”, debe coincidir con el identificador estático que se definió en el primer paso.

Los valores para height y width definen el tamaño de la imagen que se va a mostrar.

Si quiere conocer más sobre Oracle Application Express, puede ir al sitio oficial en apex.oracle.com