Logo im Anmelde-Maske

Moin Megachip,

kannst Du Deine Vorgehensweise näher beschreiben also wo Du was in welcher Weise machst?
Vielen Dank.

Viele Grüße aus Norddeutschland
Nexxo

Hab mich mal drangemacht und im Handbuch diesen Passus gefunden:

Über die Datei /usr/share/univention-management-console-login/css/custom.css kann das Design des Anmeldedialogs angepasst werden. Diese Datei wird niemals automatisch überschrieben.

In der custom.css dann findet sich dann

/* (img) Image inside of the login dialog.
Picture could be changed via content: url()
*/
#umcLoginLogo {
}

Die Zeile #umcLoginLogo { habe ich ersetzt (Punkt statt Lattenkreuz) durch

.umcLoginLogo {
height: 100px;
display: block;
margin : 0 auto;
margin-top: 20px;
content: url(logo.jpg);
}

Das ergibt beim normalen Login die Anzeige eines 100px großen, zentrierten Logos mit 10px Abstand nach oben.
Hoffen wir mal, daß es wie versprochen auch nach Updates bleibt.

Glück auf!

Moin admin4SMS

vielen Dank für Dein Feedback. Kannst Du uns noch mitteilen, wo Du das eigentliche Logo in der Zeile

(content: url(logo.jpg)

abgelegt hast?
Dann könnten wir das mal praktisch nachvollziehen.
Hast Du auch eine Lösung für das Browser-Icon gefunden?

Viele Grüße aus Norddeutschland
Nexxo

P.S.:
Danke für Deine konstruktive Hilfe

Bitte, gerne!
Die Datei muß im selben Ordner wie die custom.css liegen, sonst ist der Pfad anzugeben: /pfad/logo.jpg
Fürs favicon müßte ich noch mal nachschauen, damrose spricht ja von mehreren Stellen, könnte also noch woanders liegen.

Gruß aus/nach Hamburg!

Moin admin4SMS,

das mit dem Logo in der Anmeldemaske hat schon mal prima funktioniert. Vielen herzlichen Dank. Vielleicht klappt das mit dem Icon im Browser dann auch noch so cool … das wäre echt klasse …

Viele Grüße aus Norddeutschland
Nexxo

Also, die favicon-Problematik ist nicht so trivial wie sie scheint - dazu 2 Links:
https://css-tricks.com/favicon-quiz/
https://github.com/audreyfeldroy/favicon-cheat-sheet
Verschiedene Auflösungen für unterschiedliche Geräte bzw. Browser ist nur eine, die andere - gravierendere - ist:

Der HTML-Kopf, also alles was zwischen <head> und </head> eingetragen ist, kann mittels custom.css nicht verändert werden. Lediglich der Abschnitt unterhalb <body> (der sichbare Teil) kann damit manipuliert werden.

Als entfällt die dauerhafte Umstellung mittels custom.css.

Bleibt nur die Bearbeitung der index.html, doch ich gehe davon aus, daß die dort vorgenommene Änderung beim Update flöten geht.
Unterhalb <head> muß der Entrag href=“favicon.ico” (= das rote UCS-Logo) durch einen anderen Namen z.B. myicon.ico ersetzt werden, eine passende Datei muß natürlich im selben Ordner liegen (es geht auch die Einbindung einer externen URL).

Dauerhaft über die custom.css läßt sich nur die Kopzeile (Burger-Menu, Logo Univention) verändern:

/* (div) Container for the entire header*/
.umcHeader {
}

Das Logo rechts oben kann man im Abschnitt .univentionLogo ändern:

/* (div) Container for the entire header*/
.umcHeader {
}

Wenn UCS hierzu ein wenig mehr Infos rausrücken würde, könnte man sich das Gefummel sparen - Zitat:.

/**
This file contains the most important id’s and classes of the Univention login page but is in no way complete.
*/

Moin admin4SMS,

ich werde mal (-zunächst-) versuchen das “Burger”- Menue anzupassen.
Wo genau finde ich das denn ( - genauer Pfad)? Mals schauen, ob sich dann eventuell doch noch etwas anderes mit dem Icon finden lässt. Dann geht es halt nur Step-by-Step. Hast Du Dich schon für den Univention Event 2021 angemeldet?

Wo wir auch immer noch “leiden” ist das Thema, dass wir mit der “Jitsi”-Einbindung nicht recht klar kommen. Und das wäre für uns als Bildungsverein so wichtig (- es über eine vernünftige Zugangsauthentifizierung steuern zu können).

Im Moment scheitern wir immer wieder mit der “Domain” Geschichte …

Viele Grüße derweil aus dem Norden
Nexxo

Hallo Nexxo,

auch bei uns läuft Jitsi nicht, ebenso wenig Kopano Meet - und darüber hinaus auch so manch anderes nicht, UCS ist mittlerweile eine einzige Baustelle und macht immer weniger Spaß:

  • Benutzerimport via UMC geht nicht mehr, nur noch über Konsole möglich
  • Nach Nextcloud-Update geht OnlyOffice nicht mehr
  • Zertifikatsprobleme bei SSO/SAML
  • AppelSchoolManager wirft nur Fehlermeldungen aus

Alles ist hier im Forum angesprochen worden - bislang erfolglos.
Wobei man sagen muß, daß wir viele der Probleme nicht haben, die hier im Forum so auftauchen, z.B. liefen Updates von Apps oder Paketaktualisierungen seit Anbeginn sauber durch - toi, toi, toi!

Anfangs lief ja auch noch alles bestens, aber je mehr man machte, desto mehr Fehler traten auf ohne das irgendjemand erklären konnte, warum - und vor allem wie man das behebt - geschweige denn helfen, weder hier im Forum noch über den Support, der verweist ständig auf Firmen-Partner vor Ort.
Doch warum sollten ausgerechnet die mehr Kenntnisse haben als UCS-Mitarbeiter?

Noch mal zum Login-Layout: Ich weiß nicht, was du mit Pfade meinst - das Burger-Menü ist ein animiertes Gif, der Schriftzug unvention eine Grafik. Die müssen vorliegen und werden analog zum Logo via css eingebunden.
Grundkenntnisse in css-Design sind also von Vorteil :wink:

Gruß zurück

was klappt denn mit unserem Meet nicht?

Das hat bei mir leider nach einer bestimmten Update nicht mehr funktioniert. Wenn es jetzt wieder geht, umso besser.

@Nexxo ich habe einfach die logo.svg (in meinem Fall 24.svg, da wir schon mal etwas via dpkg-divert umgebogen hatten… nur hat er dann halt mit jedem Update die umgebogene Datei überschrieben :wink:

Werde mir mal bei Gelegenheit noch mal das css anschauen…

Beste Grüße
Meg

Lief schon vor Monaten im Forum unter dem Titel “Kopano meet läuft nur bis Anmelde-Button”:

Da hatten wir uns schon mal ausgetauscht, jedoch ohne Erfolg…

Ah, du hattest nicht weiter geantwortet, daher war ich davon ausgegangen dass du deine dns Einstellungen korrigiert hattest.

Moin admin4SMS,

mit Pfaden meine ich den konkreten Ort wo ich das ändern kann (icon, animiertes Images).
Mit der Jitsi-Installation/-Einbindung bin ich leider auch noch nicht weiter gekommen und das “schmerzt” wirklich, da es im Grunde durch unsere Bildungseinrichtung erwartet wird und ich finde einfach keine Lösung dazu außer es seperat bereitzustellen was nicht gerade der Sinn und das Anliegen meiner Bildungseinrichtung war. Leider habe ich dazu auch noch keine einzige Reaktion oder Hilfe von “Univention” selbst erhalten. Irgendwie scheinen die nicht das Ohr an die Forumsbasis zu legen. Das verwundert, da wir doch die besten Multiplikatoren sind.

Ich hoffe, dass wir hier in der Community Lösungen finden können.

Viele Grüße aus Norddeutschland
Nexxo

Moin zurück,
Logos, gifs etc. müssen in dem Pfad abgelegt werden, in dem die custom.css liegt, also
/usr/share/univention-management-console-login/css
So wie du es machst, wenn das Logo ausgetauscht wird (die custom.css “überschreibt” sozusagen die UCS-Vogaben).
Möchte man Ordnung da einbringen, legt man unterhalb css noch einen Ordner wie z.B. /img
an und packt dann alles da rein - dann muß der Eintrag
content: url(logo.jpg);
so aussehen:
content: url(css/logo.jpg);

Hoffe damit geholfen zu haben!

PS: Ja, mit der Hilfe seitens UCS ist es nicht weit her, als einzelne Schule (die das kostenpflichtige ucs@school nutzt) ist das außerordentlich schwer, weil deren Konzept ja vorsieht, daß der Schulträger für Verwaltung & Support zuständig ist.
Hab hier schon einiges abgesetzt, was niemand beantworten kann (oder will).
Hakt man dann beim Support nach, wird immer auf Firmen vor Ort verwiesen - als ob die mehr Ahnung haben das die Mitarbeiter bzw. Entwickler in Bremen!
Ob wir hier Hilfe finden? Ich glaub’s nicht, die zahllosen “0”-Antworten hier im Forum sprechen Bände…

Moin admin4SMS,

vielen Dank für Dein Feedback. Das betrifft auch das “Icon” in der Browser-Eingabezeile?
Wir tasten uns jetzt an alles Step-by-Step ran und dokumentieren für uns die Hinweise die zu "prompten Ergebnissen führen. Zwischen der Umsetzung immer ein Backup, falls was in die “Hose” geht.

Wie habt Ihr das bei Euch an der Schule mit der Videokonferenz gelöst?

Viele Grüße
Nexxo

Hallo nexxo,

wie ich oben schon schrieb, gibt es in der custom.css keine Möglichkeit zur Anpassung, das geht nur über die index.html.
Ich hab damit mal rumgespielt - meine Zeile in der index.html lautet jetzt:
<link rel="shortcut icon" href="/neues.ico" type="image/icon"/>

Einfach ausprobieren und gucken, ob es überschrieben wird.

Hab mal einen Blick auf eure Seite gsh-xxx geworfen, das sieht ja schon recht ordentlich aus mit dem “Corporate Design”!

Die Malaisen hinsichtlich Videokonferenz mit Kopano und Jitsi haben uns bewogen, das erst mal “ad acta” zu legen, ohne professionelle Hilfe wird das wohl nicht hinzukriegen sein; außerdem gibt es zuviele Baustellen mit Digitalpakt, iPads, IP-Umstellungen etc. pp.

Der Schulträger hat mittlerweile ein LMS auf moodle-Basis im Angebot, worauf auch eine BigBlueButton-Nutzung möglich ist. Insofern wird das nicht undingt “inhouse” benötigt.

Nervig ist halt das das Anmelden mit zig verschiedene Zugangsdaten/Passwort, statt SSO/SAML aus einer LDAP-Basis.

Man könnte auch alles mal neu aufsetzen, wenn UCS v5.0 zur Verfügung steht, der Aufwand wird jedoch erheblich sein.

Beste Grüße, man schreibt sich…

Moin admin4SMS,

vielen Dank für Deine Hinweise.
Wo finde ich die betreffende “index.html” um die Zeile abzuändern?

Viele Grüße
Nexxo

Moin admin4SMS,

also den Pfad zum Abändern des Icons in der Browser Eingabezeile habe ich gefunden. Hierzu muss man nach:

/var/www/favicon.ico

gehen um es zu ersetzen.
Was mir jetzt noch fehlt ist das “univention-icon” wenn man angemeldet ist ganz rechts neben dem “Burger-Menue”. Gern würde ich auch den Inhalt des “Burger-Menue” etwas abändern denn vieles davon brauchen wir nicht.

Viele Grüße
Nexxo

Ja, kann man auch machen - viele Wege führen nach Rom!

Die index.html ist zu finden unter
/usr/share/univention-management-console-login

Es lohnt sich, die zum Verständnis mal durchzugehen.

Für das “univention-icon” ist w.o. schon geschrieben die custom.css vorgesehen:
Durch sie werden die einzelnen Bestandteile der Login-Seite als Elemente (= class) beschrieben, z.B.

<div class="umcHeaderRight">

Vorteil soll lt. UCS sein, daß sie nicht wie das favicon unter /var/www überschrieben werden können.

Es wird jedoch nur das Aussehen beschrieben, den Inhalt wirst du so einfach nicht ändern können, denn den liefert Javascript, und da würd ich nun nicht rumfummeln! ;-))

Moin,

ich fände ja eine UCR Variable recht nice, die man z.b. auf eine Freigabe legen könnte. Das mit allen Größen und Arten von Logos. So könnte man die Systemoberfläche gut anpassen.

Oder aber eine direkte Übernahme vom Icon, welches man im Portal setzen kann.

1 Like
Mastodon