Änderungen von Dokument Web Interfaces

Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
• Anhänge (0 geändert, 2 hinzugefügt, 0 gelöscht)
  • 69_Web Interface_Custom.css Datei_712.png
  • 69_Web Interface_Farbänderung der Error Farben_682.png

Details

Seiteneigenschaften

Inhalt

...	...	@@ -81,4 +81,90 @@
81	81	Beachten Sie, dass für die eigenständig vorgenommenen und individuell erstellten Änderungen an der Custom.css Datei sowie an den generellen CSS Anpassungen kein Support angeboten wird. Der nachfolgende Abschnitt gibt Ihnen lediglich einige Hinweise mit auf dem Weg, sollten Sie eigene Änderungen dran vornehmen.
82	82	{{/aagon.warnungsbox}}
83	83
	84	+Damit Sie CSS Anpassungen machen können, ist es notwendig, dass Sie im Ordner „Styles“ (C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\Styles) die Datei „Custom.css“ haben. Erstellen Sie dazu die Datei in einem Texteditor Ihrer Wahl und achten Sie darauf, dass die Endung „.css“ lautet.
	85	+
	86	+{{aagon.infobox}}
	87	+Die Datei Custom.css sollte bei einem Update dennoch gültig bleiben. Es wird empfohlen bei möglichen Problemen die Datei zu entfernen.
	88	+{{/aagon.infobox}}
	89	+
	90	+Die Datei ist zunächst noch leer und muss nun gefüllt werden. Es lassen sich neue Inhalte einfügen, bestehende bearbeiten und anpassen. Sichern Sie danach die Änderung über //Speichern//. Die Datei wird immer als letztes für das Web Interface geladen, wodurch die Einträge dieser Datei die höchste Priorität bei individuellen Anpassungen haben.
	91	+
	92	+{{box}}
	93	+**Generell gilt: Die Custom.css Datei erweitert den Code und ersetzt diesen nicht!**
	94	+{{/box}}
	95	+
	96	+Möchten Sie beispielsweise das Logo überarbeiten, muss „.site-logo“ überschrieben werden:
	97	+
	98	+{{code}}
	99	+.site-logo{
	100	+ background: url("../App_Themes/ACMP/graphics/logo.svg") left top no-repeat;
	101	+ width: var(--logo-width);
	102	+ height: var(--header-height);
	103	+ }
	104	+
	105	+{{/code}}
	106	+
	107	+{{aagon.warnungsbox}}
	108	+Jegliche Änderungen sollten in der Custom.css erfolgen. Diese Änderungen überschreiben bestehende Einstellungen.
	109	+{{/aagon.warnungsbox}}
	110	+
	111	+
	112	+[[Änderungen an der Custom.css>>image:69_Web Interface_Custom.css Datei_712.png]]
	113	+
	114	+Schauen Sie sich für die verschiedenen Klassen die unterschiedlichen .css-Dateien in dem Ordner „Styles“ an.
	115	+
	116	+**Beispiel „Farbänderungen“**: Wollen Sie Änderungen an den Farben vornehmen, dann sollten Sie die entsprechenden Variablen aus der Theme.css kopieren und in die Custom.css innerhalb eines //:root { }// mithilfe von Tags einfügen und anpassen.
	117	+
	118	+[[Farbänderung der Error-Farben innerhalb der Custom.css>>image:69_Web Interface_Farbänderung der Error Farben_682.png]]
	119	+
	120	+{{aagon.infobox}}
	121	+Für eine Farbänderung reicht es aus, den jeweiligen Bereich heraus zu kopieren. Sie müssen in der Custom.css nicht den gesamten Root-Tree kopieren.
	122	+{{/aagon.infobox}}
	123	+
	124	+== Texte farblich anpassen ==
	125	+
	126	+Um Texte farblich anzupassen, folgen Sie den nachfolgenden Schritten:
	127	+
	128	+1. Öffnen Sie den Installationspfad (Standard: //%Programfiles%\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\App_Themes\ACMP//).
	129	+2. Öffnen Sie nun die Datei //Custom.css//, die in diesem Verzeichnis hinterlegt ist.
	130	+
	131	+{{aagon.infobox}}
	132	+Beachten Sie, dass die Datei für das Single Sign-On separat hinterlegt ist (Pfad: %Programfiles%\Aagon\ACMP Web Interfaces\SSO\App_Themes\ACMP).
	133	+{{/aagon.infobox}}
	134	+
	135	+ Mögliche Änderungen müssen extra erfolgen.
	136	+
	137	+3. Innerhalb der Datei befinden sich die individuellen und „Klassen“-basierten Definitionen für die Textdarstellung. Passen Sie hier den jeweiligen Bereich die Farbe an, indem Sie den Hexadezimalwert austauschen.
	138	+
	139	+{{code}}
	140	+.welcomeText {
	141	+ color: #ff0000;
	142	+}
	143	+
	144	+{{/code}}
	145	+
	146	+== Texte anpassen ==
	147	+
	148	+Um einen Text im Web Interface ändern zu können, müssen Sie die entsprechende .resx-Datei anpassen. Diese finden Sie unter den nachfolgenden Pfaden und Unterordnern. Jede Datei gibt es in drei Sprachversionen (Deutsch, Englisch und Tschechisch).
	149	+
	150	+* C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\App_GlobalResources
	151	+* C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\App_LocalResources
	152	+* C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\ErrorPages\App_LocalResources
	153	+* C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\Pages\App_LocalResources
	154	+* C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\Pages\Dialogs\App_LocalResources
	155	+* C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\Pages\imageuploader\App_LocalResources
	156	+* C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\Pages\UserControls\App_LocalResources
	157	+
	158	+Öffnen Sie die Ressourcendatei mit einem Texteditor (z.B. Notepad++) und passen Sie den Text nach Ihren Wünschen an. Speichern Sie danach die Datei.
	159	+
	160	+{{aagon.infobox}}
	161	+Sobald Sie die textlichen Änderungen vorgenommen haben, müssen Sie das IIS neu starten und den Cache leeren.
	162	+Vergessen Sie dabei nicht ebenfalls den Browser-Cache zu leeren, damit die Änderungen übernommen werden
	163	+{{/aagon.infobox}}
	164	+
	165	+{{aagon.infobox}}
	166	+Beachten Sie, dass Sie die jeweiligen Dateien in dem Pfad App_LocalResources immer in der passenden Sprache anpassen. Sollten Sie das Web Interface in Englisch nutzen, müssen Sie die entsprechende .resx-Datei dort anpassen und nicht nur in der deutschen Datei.
	167	+{{/aagon.infobox}}
	168	+
	169	+
84	84

69_Web Interface_Custom.css Datei_712.png

Author

...	...	@@ -1,0 +1,1 @@
	1	+XWiki.SV

Größe

...	...	@@ -1,0 +1,1 @@
	1	+16.1 KB

Inhalt

69_Web Interface_Farbänderung der Error Farben_682.png

Author

...	...	@@ -1,0 +1,1 @@
	1	+XWiki.SV

Größe

...	...	@@ -1,0 +1,1 @@
	1	+13.1 KB

Inhalt