En este artículo sencillo te maestro cómo puedes colocar el logo y un texto al lado del logo en nuestras aplicaciones en Oracle APEX 5.0.
Si recuerdas, en la página de inicio de nuestra aplicación, tenemos el botón “Editar Propiedades de Aplicación” y en la ficha “Interfaz de Usuario” podemos seleccionar en la sección de Logotipo si queremos que el logo sea de tipo Imagen o de tipo Texto.
Lo que vamos a hacer es que podamos mostrar los dos simultáneamente usando estilos CSS.
Primero de todo necesitamos crear nuestro logo teniendo en cuenta que debería estar con un fondo transparente, como lo vemos en la siguiente imagen:
La parte gris cuadriculada es el fondo transparente donde se inserta por encima el logo que tenemos creado.
Luego cargamos el log en nuestro espacio de trabajo, (debemos mantener la extensión png para que mantenga la transparencia).
La referencia que en mi caso obtengo es: #WORKSPACE_IMAGES#mi-logo-demo.png
Volvemos a la sección del Logotipo de nuestra aplicación:
Tipo de Logotipo: Texto
Logotipo: Mi Aplicación Demo
Atributos de Logotipo: style="display: block; margin-left: -12px; padding-left: 122px; background: url(#WORKSPACE_IMAGES#mi-logo-demo.png) -16px -16px no-repeat; background-size: 142px;"
Aplicamos los cambios.
Lógicamente que el CSS que tendrás que hacer para tu propio logo puede que tengas que adaptarlo del que te presento aquí.
El resultado es este:
De este modo podemos mostrar el logo de nuestra aplicación y además el título de la misma.
Hasta Pronto!