...

Ausgangssituation

Sie nutzen bereits die assfinet collaboration und haben bereits eine individuelle Internetadresse (vgl. Wie konfiguriere ich eine individuelle Internetadresse wie mustermakler.assfinetcloud.de für meine collaboration? ) eingerichtet. Jetzt möchten Sie Ihre collaboration noch im Look and Feel Ihrem Unternehmen anpassen.

Lösung

Die assfinet collaboration cloud unterstützt Sie in Ihrem Ihrer Corporate Identity und bietet das Verwenden eines eigenen Logos, sowie die Anpassung der Farben an.

Vorgehen

Zur individuellen Einstellung Ihrer Farben haben Sie zwei Möglichkeiten:

Über die allgemeinen Einstellungen

1. Rufen Sie mit Ihrem Browser die Internetadresse https://account-azure.assfinet.de auf und melden sich mit den Anmeldedaten des collaboration Administrators an.

2. Wechseln Sie in den Bereich “Benutzerdefiniertes Aussehen”.
   

   Image Modified

3. Sie kommen nun auf eine zweigeteilte Seite. Die linke Hälfte bezieht sich auf die Anmeldeseite und die rechte Seite auf die assfinet collaboration selbst. Bitte beachte Sie das die Seite ein paar Sekunden benötigt bis alle gesetzten Werte angezeigt werden.

4. Dort können Logo und Favicon für die Login Seite, sowie für die App Oberfläche hochgeladen und auch die Farben innerhalb der Cloud können angepasst werden (Primärfarbe, Sekundärfarbe und Warnfarbe).

   Image Modified

5. Anschließend

...

Anmerkungen

...

1. klicken Sie auf “Speichern”.

   Image Added

Über die collaboration-Einstellungen

Sie können auch direkt über die Einstellungen der collaboration gehen. Nutzen Sie dazu Wie kann die Administration direkt im Frontend der collaboration erreicht werden? .

Logo

Neben dem Logo Ihrer collaboration haben Sie per Symbol die möglichkeit das Logo auszutauschen. Das Symbol ist im Gegensatz zur Farbeinstellung und Banner nicht in Abhängigkeit zur Kachelansicht sondern ich im gesamten Bestand gleichbleiben.

...

Farbeinstellungen

Im unteren Bereich können Sie die Farbeinstellungen bearbeiten.

...

Banner

Sie haben in der Kachelansicht die Möglichkeit ein Banner anzuzeigen. Dieses kann über den Button “Banner anzeigen” aktiviert werden.

...

Über die Stift-Symbole können Sie Titel und Untertitel bearbeiten. Wenn Sie keine Titel möchten, lassen Sie die Felder leer.

Mit den Buttons in der rechten unteren Bannerecke, lassen sich die Hintergrundfarbe, Schriftfarbe oder ein Hintergrundbild einstellen.

...

Anmerkungen

• Sollten Sie nur forms anpassen wollen, sind die Einstellungen in diesem Artikel ausreichend: Wie kann ich assfinet forms an mein Logo und Farben anpassen?

• Es ist möglich, eigene CSS Dateien zu erstellen, um das Design weiter anzupassen.

  • Für die Anmeldeseite der assfinet collaboration finden Sie die Vorlage css_vorlage_login.css im Anhang dieses Artikels. Das individuelle Gestalten der Anmeldeseite ist seit Anfang 2024 nicht mehr vorgesehen, hier zwecks Ableitung für die eigendliche collaboration aber weiter erwähnt.

• Artikel über die Verwendung der FavIcon: In welchen Browsern wird das FavIcon oder Apple Touch Icon wo eingesetzt?

• Die Wenn Sie eine CSS-Konfiguration die Sie bereits hochgeladen hoch geladen haben, können Sie auch über https://asfaccountstorageprod.blob.core.windows.net/#####-custom/style.css und https://asfaccountstorageprod.blob.core.windows.net/#####-custom/app/style.css wieder herunterladen. (anstelle des ##### muss die technische Lizenz angegeben werden)diese per Vorschau wieder herunterladen oder per Entfernen wieder aus der Konfiguration löschen.
  

  Image Added

• Die Einbettung der collaboration per Iframe wird aus Sicherheitsgründen unterbunden

• Erklärung zum Favicon: https://de.wikipedia.org/wiki/Favicon

Anhang

...