Webapp Login Screens customization

marty

Hi Theo,

You can create a css file and add the changes there. These changes will overwrite existing css if !important is added.

in DeskApp the language shown in the login page is based on your OS language.
I’ve made a ticket to change this: https://jira.kopano.io/browse/KD-235. When that’s possible you can most likely use that setting in combination with https://jira.kopano.io/browse/KD-6.

The text itself cannot be changed for all users.

Perhaps we can meet up at the conference (https://kopano.com/conference/) and you can buy me a beer there ;)

Coffee_is_life

Hello Forum,

i know this is an old post, but i got another question for custimazition:

is there a way to force all users to use a theme, installed under plugins?
i found settings to set it as default, but if a user changes this theme its user-based loaded.

setting “always enabled plugins” seems not to work with themes…

coffee_is_life

marty

@Coffee_is_life That’s correct. It was designed this way.

There is no fancy way to fix this I’m afraid.

Maybe you can check if you can override the setting before it’s loaded.
container.getSettingsModel().set(‘zarafa/v1/main/active_theme’, your_plugin);

Coffee_is_life

Hello @marty,

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.