Changing Logo in Login Form & Background of the login page

Hello People,
Please advice how to change the background of the login page, as for testing purposes I have edited the release.html sheet with the code

<style>
body {
        background-image: url("icon.png");
}
</style>

This code was written under the body section but the issue is, when the page is loading image is being shown for 2 secs and as login form appears the background image disappears and shows the default grey background. Kindly let me know the solution for it, other than the above code I have used <body background = "icon.png"> also but it shows the same error.

Secondly let me know how can I change the logo image being shown on the login form.

Pavel Srneček5 years ago

I can only change the background to video. I don't know the picture, but you have to put the code in the debug.html file.
Changing the logo is simple just edit the logo.svg file in the web directory as desired.

Fujimoto5 years ago

Hello, I would like to know if to change the logo you need to buy a license.

Thank you.

Anton Tananaev5 years ago

No, there are no licenses.

Fujimoto5 years ago

Hi Anton,

How do I change the logo then, please. I don't understand how it works, but my boss wants to change to our logo. How do I do that? If you can explain, i'm so thanks.

Kevin David Mitnick5 years ago

Hi Anton,
how to make the login form transparent

Carlos Maldonado Ramirez4 years ago

to change the background of the login page, just add to the app.css the next code:

html {
    background: url(route to your background picture) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media screen and (max-width:480px){
    body {
        font-size:80%;  
    } 
}

this works for me

David4 years ago

Buenas noches carlos, tengo dudas sobre tu codigo, si mi fondo es foto.jpg, donde deberia ir ?

html {
    background: foto.jpg no-repeat center center fixed;? 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media screen and (max-width:480px){
    body {
        font-size:80%;  
    } 
}

Carlos Maldonado Ramirez4 years ago

@David como estas? el codigo a insertar en el documento app. css seria el siguiente:

html {
    background: url (foto.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

(ten en cuenta que la imagen que uses de fondo debe existir en la carpeta raiz)

David4 years ago

Hola Carlos gracias por la respuestas, pude poner de fondo una imagen, pero con direccion de url , no de jpg.
Igualmente lo tengo en cuenta

Gracias¡

Carlos Maldonado Ramirez4 years ago

@David un placer aunque no estoy muy seguro a que te referis?, el codigo que te pase si te fijas entre los parentesis es donde va el nombre de tu imagen, el url indica justamente la direccion. el .jpg es el formato en que se encuentra la imagen no tiene nada que ver con la direccion de la misma, no obstante me alegro que hayas solucionado. saludos!

Oscar Danilo Ribero Vargas4 years ago

@David, como hizo exactamente lo de la URL?, tengo el mismo problema que usted
saludos

David4 years ago

Hola como estas, lo que hice fue buscar una imagen on line, copie la url de la imagen, y la pegue en las lineas de codigos correspondiente.

Avisame y te ayudo sino..

Oscar Danilo Ribero Vargas4 years ago

hola @David, copié y pegue la Url Apuntando a la imagen que tengo en mi servidor y no funcionó.

html {
    background: url (http://167.99.103.223:8082/Fondo.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media screen and (max-width:480px){
    body {
        font-size:80%;  
    } 
}

David4 years ago

Borraste el cache ? Reniciaste el servicio?