Logos und Farbschema

Logos und Farbschema#

sysadmin

Die Lizenzbedingungen erlauben Ihnen, das Allegra-Logo durch Ihr eigenes Firmenlogo zu ersetzen, solange Sie die modifizierte Version von Allegra nicht außerhalb Ihres Unternehmens verteilen.

Um das Allegra-Logo durch ihr Firmenlogo zu ersetzen, gehen Sie in die Verwaltung zu > Anpassen > Branding. Dort können Sie auch das Farbschema ändern und das Hintergrundbild des Anmeldebildschirms.

  • trackLogo.png (68x28) für das Web-Interface-Logo oben rechts

  • trackLogo-inverted.png (68x28) für das Web-Interface-Logo oben rechts und dunkle Skins, wo das Standard-Logo nicht genug Kontrast haben würde

  • mailLogo.png (98x40) für Mailvorlagen

  • reportLogo.png (254x105) für Berichtsvorlagen

Sie können zusätzlich für jedes Theme alle CSS-Stile überschreiben. Beispiel für einen orangenen Menübalken:

.headerMaster {
     background-color :  #ff6600 !important ;
 }

 .x-panel-header-default {
     background-image :  none ;
     background-color :  #ff6600 ;
 }

 .headerMaster .x-btn.x-btn-menu-active.x-btn-default-toolbar-large,
 .x-btn.x-btn-pressed.x-btn-default-toolbar-large {
 }

Beispiel für eine firmen-spezifische Anmeldeseite:

.logonView {
        background-image: url('https://www.yourcompany.com/images/desktop-image.png');
        background-repeat: no-repeat;
        background-size: cover;
    }

.logonView .headerMaster {
    display: none !important;
}

.logonView .statusBarMaster {
    border-width: 0px !important;
    background-color: transparent!important;
}

.logonView .statusBarMaster .x-toolbar-text  {
    color: white !important;
}

.logonView div[id^="loadmask"] {
    position: fixed;
    border-width: 0px !important;
}