Kiú

Añadir Imagen de Fondo y Logo con CSS en Oracle APEX 19.2

La manera más fácil de agregar un fondo y el logo en la página de inicio de sesión de APEX es usando las reglas CSS.

Actualmente tenemos la página de esta forma:

1. Vamos a cargar la imagen de fondo y el logo en nuestro espacio de trabajo desde Creador de Aplicaciones > Aplicación > Componentes Compartidos

2. Luego vamos al Diseñador de la Página del Inicio de Sesión >  CSS > Inline y abajo colocamos las siguientes reglas CSS:

span.t-Login-logo {
background-image: url(#APP_IMAGES#logo-128px.png);
backgroung-size: cover;
width: 150px;
height: 140px;
}
.t-Body {
background-image:url(#APP_IMAGES#bg-demo.jpg);
background-repeat: no-repeat;
background-size : 100%;
background-position: 25%;
}

* Podemos calcular el ancho y la altura de la imagen de nuestro logo según corresponda.

Y el resultado final es una hermosa página de inicio de sesión como la imagen destacada de este post 🙂

Exit mobile version