Webapp Login Screens customization

Coffee_is_life

thanks for the hint, but i’ve got another question:
in which file i can/should put this line?

coffee_is_life

baloan

To restore the old giraffe background you need to take the following steps (it’s monkey pathcing so you have to repeat after an update):

Download the giraffe background loginbg_daybreak.jpg from https://github.com/Kopano-dev/kopano-webapp/tree/4e0309767bd63d9f97566a72052645d6a76b4304/client/resources/images,
copy to /usr/share/kopano-webapp/client/resources/images

vi ./client/resources/css/external/login.css and comment lines 62-63

background: url(../../images/background.svg);
background-size: cover;

That’s it, worked for me. WebApp 3.4.13.1441+812.1 on ubuntu 16.0.4.

mcostan

@Coffee_is_life

Hello,

It didn’t quite work (completely) for me.

What happens is that the background picture is now changed, but the sketches on top stayed the same…

Which looks a bit funny since I replaced the image with that of mountains with schetches of drawn people on top.

Is there anyway to remove the blue schetches?

fbartels

@mcostan by now you should use the JSON theme functionality instead of modifying the standard theme.

Coffee_is_life

Hello @mcostan

since after every webapp update the css theme changes back, i put a background-image (called background-webapp.jpg) in the same folder as “loginbg_daybreak.jpg” and “background.svg”.

then i use a script which edit the css:

####  Change the background to Custom Logo ###
##  just a quick sed command ##
## v1.0 by Coffee_is_life ##

## VARS ##
pfad="/usr/share/kopano-webapp/client/resources/css/external"
datei="login.css"
ist_string1="loginbg_daybreak\.jpg"
ist_string2="background\.svg"
soll_string="background-webapp\.jpg"
## /VARS ##

##   SEDS  ###
sed -i "s/$ist_string1/$soll_string/g" $pfad/$datei
sed -i "s/$ist_string2/$soll_string/g" $pfad/$datei


## ENDE ##  -  Kein Log benötigt für so eine kleine aufgabe

this quick sed command works for me like a charm, it replaces the daybreak image and the overlay with my custom bg

best regards
Coffee_is_life

fbartels

@Coffee_is_life with https://kopano.com/blog/new-json-themes-kopano-webapp/ you do no longer need to modify files after each update.

This is also what I am using in https://stash.z-hub.io/projects/K4U/repos/kopano4ucs/browse/webapp

mcostan

thank you both, I will have a look.

michaelschefczyk

For the login page to comply with European laws, it would be good to be able to provide a link to an imprint and a GDPR policy on the login page. Nextcloud is a good example regarding how to solve this. Do you plan to enable that within the theme framework? Otherwise, compliance aware users would have to consider an iframe solution or more complex modifications of the code.

marty

@michaelschefczyk

It would be better to include that in WebApp itself instead of a plugin IMO.

Nextcloud is a good example regarding how to solve this.

How do they solve it?

robgnu

@marty
In the admin-panel you can deposit a link to your imprint and to your data protection policy. At the login-page you can see these links. It’s simple and easy.

Bye
Robert.