infobox:start
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
infobox:start [2020/12/15 13:37] – angelegt kmassny | infobox:start [2022/11/11 12:58] (aktuell) – sduesel | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ===== Überarbeitetes CSS für die Einstellungen der Infobox ===== | + | ====== Benutzerdefinierte Einstellungen |
+ | |||
+ | ===== Einstellungen | ||
+ | <WRAP center round important 60%> | ||
+ | Diese Änderungen gelten ab Version **[[releasenotes: | ||
+ | </ | ||
In den Web-Anwendungen FN2LM, FN2PA und FN2Mod besteht die Möglichkeit die Position der InfoBox durch die CustValues **infoBoxFixed** und **infoBoxLeft** selbst zu definieren. | In den Web-Anwendungen FN2LM, FN2PA und FN2Mod besteht die Möglichkeit die Position der InfoBox durch die CustValues **infoBoxFixed** und **infoBoxLeft** selbst zu definieren. | ||
Hierbei definiert **infoBoxLeft** mit dem Value **true**, dass die Infobox links vom Content unter der Navigation plaziert wird. Steht der Value auf **false**, wird die Infobox rechts neben dem Content-Bereich platziert. | Hierbei definiert **infoBoxLeft** mit dem Value **true**, dass die Infobox links vom Content unter der Navigation plaziert wird. Steht der Value auf **false**, wird die Infobox rechts neben dem Content-Bereich platziert. | ||
- | Das CustValue **infoBoxFixed** definiert ob die Infobox fest an ihrer Posiitionierung stehen bleibt (Value = **false**) oder ob sie beim Scrollen auf der Seite dem Inhalt folgt (Value = **true**). Die Bennenung fixed ergibt sich hier aus dem entsprechenden CSS-Befehl. | + | Das CustValue **infoBoxFixed** definiert ob die Infobox fest an ihrer Posiitionierung stehen bleibt (Value = **false**) oder ob sie beim Scrollen auf der Seite dem Inhalt folgt (Value = **true**). Die Bennenung fixed ergibt sich hier aus dem entsprechenden CSS-Befehl. Falls für eine Anwendung kein Eintrag in den CustValues vorhanden ist wird der Standardwert **false** verwendet. |
- | Die Kombination der Values ergibt 4 Einstellungsmöglichkeiten, | + | Die Kombination der Values ergibt 4 Einstellungsmöglichkeiten, |
- | * infoBoxFixed = true und infoBoxLinks = true | + | |
- | * infoBoxFixed = false und infoBoxLinks = true | + | |
- | * infoBoxFixed = true und infoBoxLinks = false | + | |
- | * infoBoxFixed = false und infoBoxLinks = false | + | |
- | Jede dieser Möglichkeiten ist durch eine eigene CSS-Klasse definiert und wird den entsprechend | + | Jede dieser Möglichkeiten ist durch eine eigene CSS-Klasse definiert und wird dementsprechend |
- | Die alten Definitionen aus den project.css der Web-Anwendungen FN2LM, FN2PA, und FN2Mod2 wurden entfernt. Bitte achten | + | ^ Custvalue-Einstellungen ^ infoBoxFixed = true ^ infoBoxFixed = false ^ |
+ | ^ infoBoxLinks = true | infoBoxScrolltUndLinks | infoBoxFestUndLinks | | ||
+ | ^ infoBoxLinks = false | infoBoxScrolltUndRechts | infoBoxFestUndRechts | | ||
+ | |||
+ | Sämtliche css-Definitionen stehen in der globalen css-Datei flexnowThinClient.css (FN2HtmlLib). | ||
+ | |||
+ | Die alten Definitionen aus den project.css der Web-Anwendungen FN2LM, FN2PA, und FN2Mod2 wurden entfernt. Bitte achten | ||
<WRAP center round tip 90%> | <WRAP center round tip 90%> | ||
Zeile 20: | Zeile 27: | ||
</ | </ | ||
+ | ===== Ausblenden von Logos ===== | ||
+ | In den Web-Anwendungen FN2LM, FN2PA und FN2Mod besteht die Möglichkeit die Logos durch die CustValue **noHeaderLogos** auszublenden. Hierfür muss der Wert **true** gesetzt werden. Falls für eine Webanwendung kein Eintrag mit der CustValue vorhanden ist, wird der Standardwert **false** verwendet und die Logos regulär angezeigt. | ||
+ | |||
+ | ===== Benutzerdefinierte Logos ===== | ||
+ | <WRAP center round important 60%> | ||
+ | Die CSS-Einstellungen gelten ab Version **[[releasenotes: | ||
+ | </ | ||
+ | ==== Benutzerdefinierte Logos in FN2LM, FN2PA und FN2Mod ==== | ||
+ | In den Web-Anwendungen FN2LM, FN2PA und FN2Mod besteht kann das Standard FlexNow-Logo durch eigene Logos ersezt werden. | ||
+ | |||
+ | {{: | ||
+ | |||
+ | === Vorgehensweise === | ||
+ | Zunächst muss die Bild-Datei mit dem Logo in den Ordner **/ | ||
+ | |||
+ | Es sollte darauf geachtet werden, dass das Logo eine maximale Breite von **560 Pixeln** und eine maximale Höhe von **80 Pixeln** hat. Standardmäßig wird das Logo skalliert um in den vogegeben Bereich zu passen (siehe markierung im Bild). Das Logo wird zudem linksbündig ausgerichtet. | ||
+ | |||
+ | Im nächsten Schritt muss die CSS-Datei **/ | ||
+ | |||
+ | <code css> | ||
+ | #uniLogoTop { | ||
+ | | ||
+ | |||
+ | /* Deaktivierung der Skallierung des Bildes (optional) */ | ||
+ | | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Weitere Anpassungen sollten nur mit entsprechenden CSS-Kentnissen vorgenommen werden. | ||
+ | |||
+ | ==== Benutzerdefinierte Logos in FN2AUTH (Login-Seite und Anwendungs-Auswahl) ==== | ||
+ | In FN2AUTH kann das Standard FlexNow-Logo durch ein eigenes Logo ersetzt werden. Zudem kann optional noch ein zusätliches Logo auf der linken Bildschirm-Seite angezeigt werden. | ||
+ | |||
+ | {{: | ||
+ | |||
+ | === Anpassung des Standard-Logos === | ||
+ | Zunächst muss die Bild-Datei mit dem Logo in den Ordner **/ | ||
+ | |||
+ | Es sollte darauf geachtet werden, dass das Logo eine maximale Breite von **220Pixeln** und eine maximale Höhe von **60 Pixeln** hat. Standardmäßig wird das Logo skalliert um in den vogegeben Bereich zu passen (siehe markierung im Bild). Das Logo wird zudem linksbündig ausgerichtet. | ||
+ | |||
+ | Im nächsten Schritt muss die CSS-Datei **/ | ||
+ | |||
+ | <code css> | ||
+ | .header .logo-uni { | ||
+ | | ||
+ | |||
+ | /* Deaktivierung der Skallierung des Bildes (optional) */ | ||
+ | | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Weitere Anpassungen sollten nur mit entsprechenden CSS-Kentnissen vorgenommen werden. | ||
+ | |||
+ | |||
+ | === Hinzufügen eines zusätlichen Logos an der linken Bildschirm-Seite === | ||
+ | Zunächst muss die Bild-Datei mit dem Logo in den Ordner **/ | ||
+ | |||
+ | Es sollte darauf geachtet werden, dass das Logo eine maximale Breite von **255Pixeln** hat. Für die Höhe gibt es hier keine Einschränkung seitens FN2Web. Standardmäßig wird das Logo skalliert um in den vogegeben Bereich zu passen (siehe markierung im Bild). Das Logo wird zudem mittig und am Boden des umschließenden HTML-Elements ausgerichtet. | ||
+ | |||
+ | Im nächsten Schritt muss die CSS-Datei **/ | ||
+ | |||
+ | <code css> | ||
+ | # | ||
+ | | ||
+ | | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Weitere Anpassungen sollten nur mit entsprechenden CSS-Kentnissen vorgenommen werden. |
infobox/start.1608035857.txt.gz · Zuletzt geändert: 2020/12/15 13:37 von kmassny