User tools

Website tools


white label

White Label Options / Branding

Die White Label Konfiguration bzw. das Branding von Benno MailArchiv ermöglicht eine einfache Anpassung des Web-Interfaces an das unternehmenseigene Corporate Design. Für die Anpassung werden ein überarbeitetes Stylesheet sowie ein Logo und ein zugehöriges Favicon benötigt.

These three files are stored under a separate path so that they are not overwritten during system updates.

configuration

configuration file benno.conf

Die Konfiguration von Benno Web wird in der Voreinstellung aus der Datei /etc/benno-web/benno.conf gelesen. Für individuelle Einstellungen Subdomains kann die Konfigurationsdatei mittels Umgebungsvarible BENNOWEB_CONFIG in der VirtualHost Umgebung des Webservers festgelegt werden.

Example Apache web server configuration:

 SetEnv BENNOWEB_CONFIG /etc/benno-web/benno-web-customer1.conf

Theme

The web server creates an alias for the path to the configuration files. The Apache web server configuration includes a commented-out example of this.

## Theme Path #Alias ​​/benno/theme /etc/benno-web/theme #<Directory /etc/benno-web/theme> # Require all granted #</Directory> Alias ​​/benno /srv/benno/bennoweb/htdocs<Directory /srv/benno/bennoweb/htdocs> Require all granted</Directory>

To activate, the comment characters are removed and the configuration is reloaded using `service apache2 reload`

The directory is created and the customized files for stylesheet, logo and favicon are copied here.

mkdir /etc/benno-web/theme
chmod 0755 /etc/benno-web/theme
chgrp www-data /etc/benno-web/theme

The URLpaths to the individual files are configured in the Benno Web configuration file ( /etc/benno-web/benno.conf )

THEME_PATH = /benno/theme THEME_LOGO = /benno/theme/custom_logo.png THEME_DIR = /etc/benno-web/theme

Logo in login screen

The custom.css file should contain a reference to the background logo of the login screen.

/* Customized Stylesheet */
#b_login_form_logo {
    background-image:url(custom_logo.png);
    width: 86%;
    margin: 20px 7%;
}
#header_logo {
    width: 100px;
    height: 20px;
    margin: 17px 10px 10px;
}
 
/* Anpassen der Farben */
 
/* Farbe für Buttons (nicht hervorgehoben, Standard: Dunkleres Rot) */
.form_button_big {background:#0059A1;}
.input_button {background:#0059A1;}
.label_active {background:#0059A1;}
.ui-widget-header {background:#0059A1 !important;}
a.mail_content_button {background:#0059A1;}
a.modal_button {background:#0059A1;}
 
/* Farbe für Hervorhebungen (Hover-Effekt für Buttons etc., Standard: Helleres Rot) */
.no-touchevents .input_button:hover {background:#FE8300;}
.no-touchevents a.mail_content_button:hover {background:#FE8300;}
.no-touchevents #EMail_Attachments a:hover {background:#FE8300;}
.no-touchevents a.modal_button:hover {background:#FE8300;}
.no-touchevents .form_button_big:hover { background: #FE8300;}
.form_notification {background: #FE8300;}
table.jCalendar th { background: #FE8300;}
table.jCalendar td.today { background: #FE8300;}
table.jCalendar td.selected { background: #FE8300;}
div.dp-popup a:hover { color: #FE8300;}
 
/* Schriftfarbe des Login-Buttons (Standard: Sehr helles Rot) */
.form_button_big {color: white;}

Once these settings are active, the corresponding files will be delivered upon display.

Theme files

A customized theme must contain the following files.

Das Stylesheet mit dem vorgegebenen Namen:
/etc/benno-web/theme/custom.css

Icon Dateien mit den vorgegebenen Namen:
/etc/benno-web/theme/favicon.ico
/etc/benno-web/theme/apple-touch-icon.png

Die Logo Datei mit beliebigem Namen:
/etc/benno-web/theme/unser-cd-logo.jpeg

Customized texts

The info window is read from the template /srv/benno/bennoweb/templates/infotext.tpl . A customized template can be used with the configuration parameter.

INFOTEXT_TPL = /path/to/infotext.tpl

be determined.

Web interface in general

Die Texte der Oberfläche des Web-Interfaces können individuell angepasst werden. Hierfür werden unterhalb des Unterhalb des im Parameters „THEME_DIR“ festgelegten Verzeichnisses Dateien entsprechend der Lokalisierung erstellt. Die in diesen Dateien gesetzten Werte überschreiben die in den Dateien /srv/benno/bennoweb/templates/*.txt festgelegten Werte.

Example

In der Datei /etc/benno-web/benno.conf wird der /THEME_DIR = /etc/benno-web/theme gesetzt. Im Verzeichnis werden die Dateien de.txt' und en.txt'' angelegt (s.u.).

For the German localization, the page title and the welcome message are adapted, while for the English localization only the title is overwritten.

de.txt

PAGE_TITLE = "CLOUD HOSTING MailArchive" PAGE_TITLE_LOGIN = "CLOUD HOSTING MailArchive - Login" SEARCH_SUBMIT = "Find" GREETING_CONTENT = """<div class="scroll-panel2"><br/><br/><br/><div style="padding-left:20px"> <strong>Welcome to your email archive from CLOUD Hosting</strong><br/><br/> To find emails in the CLOUD Hosting MailArchive, enter the address above.<br/> Enter any search term in the search field or use<br/> the "Advanced Search" button when you perform a search with<br/> would like to make detailed criteria.<br/><br/> If you would like to learn more about the diverse search options of<br/> If you want to learn more about CLOUD Hosting MailArchive, watch the tutorial.<br/> "Find emails quickly and easily with CLOUD Hosting MailArchive".<br/><br/><br/> Current information about CLOUD Hosting MailArchive can be found here.<br/> anytime on our homepage.<br/><br/></div></div> """

en.txt

PAGE_TITLE = "CLOUD HOSTING MAIL ARCHIVE" PAGE_TITLE_LOGIN = "LOGIN TO CLOUD HOSTING MAIL ARCHIVE"
white-label.txt Last modified: 2024/06/06 13:23 by lwsystems