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 🙂
Hola Clarissa he probado de diferentes maneras y parece no funcionar en esta versión de APEX 19. He encontrado que en las características del template hay posibilidad de cambiar el fondo, lo cual es nuevo frente a otras versiones, sin embargo creo que implicaría modificar el template.
Hola Juan, yo lo he probado en 19.2 y puedo colocar la imagen de fondo sin problema.
No sé que es lo que quieres hacer por lo que te da error. Saludos
El problema es que no es .t-Body sino .t-PageBody–login
.t-PageBody–login {
background-image:url(#APP_IMAGES#bg-demo.jpg);
background-repeat: no-repeat;
background-size : 100%;
background-position: 25%;
}
Hola,
me funciono muy bien.
gracias, saludos
Hola Clarissa, estoy en la version 20.2 y no me esta respetando la imagen de fondo, el de LOGO si lo cambia, pero el fondo no. Alguna caracteristica de la imagen???
Hola Arturo, utiliza la etiqueta body no .t-Body, eso cambió de versión en versión.
Saludos
Clarisa