Changes for page Web Interfaces

Last modified by Sabrina V. on 2025/12/16 09:13

From version 2.1
edited by Sabrina V.
on 2025/12/15 12:43
Change comment: There is no comment for this version
To version 1.2
edited by Sabrina V.
on 2025/12/15 12:37
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -56,45 +56,45 @@
56 56  When writing comments in tickets and/or knowledge base articles, as well as when creating knowledge base articles, you will find the ‘Visible in Self Service’ option in the top right-hand corner. This is a checkbox that you must tick manually each time to enable the option and make the comment or article globally visible in the web interface. Please note that the comment or article is only visible to ACMP users and self-service users who have the appropriate right (right: "View ticket web comments").
57 57  {{/box}}
58 58  
59 -= Customizing of graphics and text elements =
59 += Anpassungen an Grafiken und Textelementen =
60 60  
61 -If you would like to customize the Web Interfaces to match your corporate identity, both graphically and textually, you can do so in just a few simple steps. To do this, proceed as follows:
61 +Möchten Sie die Web Interfaces sowohl grafisch als auch textuell an Ihre Corporate Identity anpassen, betigen Sie hierfür nur wenige Handgriffe. Gehen Sie dafür wie folgt vor:
62 62  
63 -== Replacing graphics ==
63 +== Grafiken austauschen ==
64 64  
65 -~1. Open the Windows Explorer and navigate to the installation directory of the Web Interfaces. By default, this is //%Programfiles%\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\//
65 +1. Öffnen Sie zunächst den Windows Explorer und navigieren Sie zum Installationsverzeichnis der Web Interfaces. Standardmäßig lautet der //%Programfiles%\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\//
66 66  
67 -[[Folder with access to the graphics>>image:69_Web Interface_Ordner Grafiken austauschen_1012.png]]
67 +[[Ordner mit dem Zugriff auf die Grafiken>>image:69_Web Interface_Ordner Grafiken austauschen_1012.png]]
68 68  
69 -The directory //App_Themes\ACMP\graphics //contains graphics that can be used in the web interfaces.
69 +2. Im darunterliegendem Verzeichnis //App_Themes\ACMP\graphics //sind Grafiken hinterlegt, die in den Web Interfaces verwendet werden können.
70 70  
71 71  {{aagon.infobox}}
72 -Please note that graphical customizations will be overwritten after an update of the Web Interfaces.
72 +Beachten Sie, dass grafische Anpassungen nach einem Update der Web Interfaces überschrieben werden.
73 73  {{/aagon.infobox}}
74 74  
75 -3. Replace the graphics as required (replace the logo via file, located at: App_Themes\ACMP\graphics\logo.svg).
76 -When replacing graphics, ensure that you use the same names as the original graphics so that they can be read correctly.
75 + 3. Tauschen Sie die Grafiken nach Bedarf aus (Logo per Datei austauschen, zu finden unter: App_Themes\ACMP\graphics\logo.svg).
76 +Achten Sie darauf, dass Sie bei einem solchen Austausch die Benennung der Originalgrafiken übernehmen, sodass diese korrekt eingelesen werden können.
77 77  
78 78  
79 -== CSS customizations ==
79 +== CSS Anpassungen ==
80 80  
81 81  {{aagon.warnungsbox}}
82 -Please note that no support is offered for changes made independently and individually created to the Custom.css file or for general CSS adjustments. The following section merely provides some notes should you wish to make your own changes.
82 +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.
83 83  {{/aagon.warnungsbox}}
84 84  
85 -In order to customize CSS, you must have the file ‘Custom.css’ in the Styles folder (C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\Styles). To do this, create the file in a text editor of your choice and make sure that the extension is ".css".
85 +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.
86 86  
87 87  {{aagon.infobox}}
88 -The Custom.css file should remain valid after an update. It is recommended to remove the file if possible problems arise.
88 +Die Datei Custom.css sollte bei einem Update dennoch gültig bleiben. Es wird empfohlen bei möglichen Problemen die Datei zu entfernen.
89 89  {{/aagon.infobox}}
90 90  
91 -The file is initially empty and must now be filled. You can insert new content, edit existing content and customize it. Then save the changes by clicking //Save//. The file is always loaded last for the web interface, which means that the entries in this file have the highest priority for individual adjustments.
91 +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.
92 92  
93 93  {{box}}
94 -**As a general rule, the Custom.css file is a file that advances the code and does not replace it!**
94 +**Generell gilt: Die Custom.css Datei erweitert den Code und ersetzt diesen nicht!**
95 95  {{/box}}
96 96  
97 -For example, if you want to revise the logo, you must overwrite ".site-logo":
97 +Möchten Sie beispielsweise das Logo überarbeiten, muss „.site-logo“ überschrieben werden:
98 98  
99 99  {{code}}
100 100  .site-logo{
... ... @@ -106,39 +106,37 @@
106 106  {{/code}}
107 107  
108 108  {{aagon.warnungsbox}}
109 -Any changes should be made in Custom.css. These changes will override existing settings.
109 +Jegliche Änderungen sollten in der Custom.css erfolgen. Diese Änderungen überschreiben bestehende Einstellungen.
110 110  {{/aagon.warnungsbox}}
111 111  
112 112  
113 -[[Changes on the Custom.css>>image:69_Web Interface_Custom.css Datei_712.png]]
113 +[[Änderungen an der Custom.css>>image:69_Web Interface_Custom.css Datei_712.png]]
114 114  
115 -Take a look at the different .css files in the "Styles" folder for the various classes.
115 +Schauen Sie sich für die verschiedenen Klassen die unterschiedlichen .css-Dateien in dem Ordner „Styles“ an.
116 116  
117 -**Example "Colour changes"**: If you want to make changes to the colours, you should copy the corresponding variables from Theme.css and insert and customize them in Custom.css within a //:root { }// using tags.
117 +**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 eingen und anpassen.
118 118  
119 -[[Colour change of error colours within Custom.css>>image:69_Web Interface_Farbänderung der Error Farben_682.png]]
119 +[[Farbänderung der Error-Farben innerhalb der Custom.css>>image:69_Web Interface_Farbänderung der Error Farben_682.png]]
120 120  
121 121  {{aagon.infobox}}
122 -To change the colour, simply copy the relevant section. You do not need to copy the entire root tree in Custom.css.
122 +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.
123 123  {{/aagon.infobox}}
124 124  
125 +== Texte farblich anpassen ==
125 125  
127 +Um Texte farblich anzupassen, folgen Sie den nachfolgenden Schritten:
126 126  
127 -== Customizing text colours ==
129 +1. Öffnen Sie den Installationspfad (Standard: //%Programfiles%\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\App_Themes\ACMP//).
130 +2. Öffnen Sie nun die Datei //Custom.css//, die in diesem Verzeichnis hinterlegt ist.
128 128  
129 -To customize text colours, follow these steps:
130 -
131 -~1. Open the installation path (default: //%Program Files%\Aagon\ACMP Web Interfaces\Helpdesk Web Interface\App_Themes\ACMP//).
132 -
133 -2. Now open the file //Custom.css// stored in this directory.
134 -
135 135  {{aagon.infobox}}
136 -Please note that the file for single sign-on is stored separately (path: %Programfiles%\Aagon\ACMP Web Interfaces\SSO\App_Themes\ACMP).
133 +Beachten Sie, dass die Datei für das Single Sign-On separat hinterlegt ist (Pfad: %Programfiles%\Aagon\ACMP Web Interfaces\SSO\App_Themes\ACMP).
137 137  {{/aagon.infobox}}
138 138  
139 -Any changes must be made separately.
140 -3. The file contains individual and “class”-based definitions for text display. Customize the colour for the respective area here by replacing the hexadecimal value.
136 + Mögliche Änderungen müssen extra erfolgen.
141 141  
138 +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.
139 +
142 142  {{code}}
143 143  .welcomeText {
144 144   color: #ff0000;
... ... @@ -146,12 +146,10 @@
146 146  
147 147  {{/code}}
148 148  
147 +== Texte anpassen ==
149 149  
149 +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).
150 150  
151 -== Customizing texts ==
152 -
153 -To change a text in the web interface, you must customize the corresponding .resx file. These can be found in the following paths and subfolders. Each file is available in three language versions (German, English and Czech).
154 -
155 155  * C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\App_GlobalResources
156 156  * C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\App_LocalResources
157 157  * C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\ErrorPages\App_LocalResources
... ... @@ -160,24 +160,22 @@
160 160  * C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\Pages\imageuploader\App_LocalResources
161 161  * C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\Pages\UserControls\App_LocalResources
162 162  
163 -Open the resource file with a text editor (e.g. Notepad++) and customize the text as desired. Then save the file.
159 +Ö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.
164 164  
165 165  {{aagon.infobox}}
166 -Once you have made the textual changes, you must restart IIS and clear the cache.
167 -Do not forget to clear your browser cache as well so that the changes take effect.
162 +Sobald Sie die textlichen Änderungen vorgenommen haben, müssen Sie das IIS neu starten und den Cache leeren.
163 +Vergessen Sie dabei nicht ebenfalls den Browser-Cache zu leeren, damit die Änderungen übernommen werden
168 168  {{/aagon.infobox}}
169 169  
170 170  {{aagon.infobox}}
171 -Please note that you must always customize the respective files in the App_LocalResources path to the appropriate language. If you are using the web interface in English, you must customize the corresponding .resx file there and not just in the German file.
167 +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.
172 172  {{/aagon.infobox}}
173 173  
174 174  
171 += Benutzerdefinierte Felder für das Self Service Web Interface erstellen =
175 175  
173 +Für das Self Service Web Interface können Sie als Helpdesk Mitarbeiter bzw. als Administrator zusätzlich benutzerdefinierte Felder erstellen, die beim Anlegen eines neuen Tickets vom Ticketersteller ausgefüllt werden können bzw. sollen. Hierdurch ist es möglich, individuelle Felder und Informationen abzurufen, die die Arbeit erleichtern können. 
176 176  
177 -= Creating custom fields for the Self Service Web Interface =
175 +Möchten Sie von den benutzerdefinierten Feldern Gebrauch machen, navigieren Sie in der geöffneten ACMP Console zu //System //> //Einstellungen //> //Benutzerdefinierte Felder //> //Tickets//. Führen Sie die notwendigen Schritte aus, um ein [[Feld hinzuzufügen>>doc:ACMP.69.ACMP-Solutions.System.Einstellungen.Benutzerdefinierte Felder.WebHome||anchor="HFelderhinzufFCgen"]]. Speichern Sie anschließend die neu erstellten Felder und wechseln Sie innerhalb der Systemeinstellungen zu //Web Interface //> //Self Service Felder//.
178 178  
179 -As a help desk employee or administrator, you can create additional custom fields for the Self Service Web Interface that can or should be filled in by the ticket creator when creating a new ticket. This makes it possible to retrieve individual fields and information that can make your work easier.
180 -
181 -If you would like to use the custom fields, navigate to //System //> //Settings //> //Custom Fields //> //Tickets// in the open ACMP Console. Follow the necessary steps to [[add a field>>doc:ACMP.69.ACMP-Solutions.System.Einstellungen.Benutzerdefinierte Felder.WebHome||anchor="HFelderhinzufFCgen"]]. Then save the newly created fields and switch to //Web Interface //> //Self Service Fields// in the system settings.
182 -
183 -Open the folder hierarchy where you previously added the new field. Then either drag it to the right side with a mouse click or use the arrow for this purpose. For the fields on the right, you can also specify whether it is a mandatory field that the user must explicitly fill in in Self Service in order to create a ticket. Optionally, tick the box and save the changes in the ribbon bar. The next time you call up the Web Interface Self Service, your newly added fields will be taken into account when creating a new ticket.
177 +Öffnen Sie die Ordnerhierarchie, in der Sie zuvor das neue Feld hinzugefügt haben. Ziehen es anschließend entweder per Mausklick in die rechte Seite oder nutzen Sie den Pfeil dafür. Für die rechtsliegenden Felder können Sie zusätzlich noch festlegen, ob es sich um ein Pflichtfeld handelt, was der Benutzer im Self Service explizit ausfüllen muss, um ein Ticket anzulegen. Setzen Sie optional einen Haken und speichern Sie die Änderungen in der Ribbonleiste. Mit dem nächsten Aufruf des Web Interface Self Service werden Ihre neu hinzugefügten Felder bei der Erstellung eines neuen Tickets berücksichtigt.
© Aagon GmbH 2026
Besuchen Sie unsere Aagon-Community