Changes for page Web Interfaces

Last modified by Sabrina V. on 2026/03/04 10:13

From 1.2 to 1.1

From version 5.1

edited by Sabrina V.
on 2026/03/04 10:13

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

Raw
Rendered

Summary

Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

@@ -9,7 +9,7 @@
  The following distinguishing criteria are central to this:
  |Helpdesk Web Interface|After login, this allows you to open all queries that are accessible via the ticket management administration (see the chapter on [[Administration>>doc:ACMP.69.ACMP-Solutions.Helpdesk.Ticket Management.Tickets verwalten.WebHome]]. In addition, you can view and edit tickets, create new ones, and add comments and close them. The knowledge base can also be used.
--|Self Service Web Interface|After login, the user is displayed all the tickets they have created themselves in the Self Service Web Interface by default. This list can be changed using a standard query (see [[Standard query>>doc:.Einstellungen zum Web Interface.WebHome||anchor="HSelfServicequeries"]]). New tickets can be created and existing ones can be viewed. It is also possible to access the Knowledge Base.
++|Self Service Web Interface|After login, the user is displayed all the tickets they have created themselves in the Self Service Web Interface by default. This list can be changed using a standard query (see [[Standard query>>doc:.Einstellungen zum Web Interface.WebHome||anchor="HSelfServiceAbfragen"]]). New tickets can be created and existing ones can be viewed. It is also possible to access the Knowledge Base.
  = Installation, Configuration and updating of Web Interfaces =
@@ -31,7 +31,7 @@
  === Self Service permissions ===
--Under [[Self Service permissions>>doc:.Einstellungen zum Web Interface.WebHome||anchor="HSelfServicepermissions"]] (//System// > //Settings //> //Web// //Interface// > //Self Service permissions//), you will find several rights relating to the self-service web interface and its end users. Tick all the permissions you want to allow. Subordinate rights (e.g. ‘"Change ticket category") can only be selected if the level above has been enabled. This allows you to customize the main rights to suit your circumstances and further restrict or extend the rights. Save your settings via the ribbon bar.
++Under [[Self Service permissions>>doc:.Einstellungen zum Web Interface.WebHome||anchor="HSelfServiceBerechtigungen"]] (//System// > //Settings //> //Web// //Interface// > //Self Service permissions//), you will find several rights relating to the self-service web interface and its end users. Tick all the permissions you want to allow. Subordinate rights (e.g. ‘"Change ticket category") can only be selected if the level above has been enabled. This allows you to customize the main rights to suit your circumstances and further restrict or extend the rights. Save your settings via the ribbon bar.
  [[Self Service permissions>>image:69_Web Interface_Self Service Berechtigungen_887.png]]
@@ -53,52 +53,48 @@
  {{box}}
  **Special feature of the "Visible in Self Service" option**
--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").
++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").
  {{/box}}
--= Customizing of graphics and text elements =
++= Anpassungen an Grafiken und Textelementen =
--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:
++Möchten Sie die Web Interfaces sowohl grafisch als auch textuell an Ihre Corporate Identity anpassen, benötigen Sie hierfür nur wenige Handgriffe. Gehen Sie dafür wie folgt vor:
--== Replacing graphics ==
++== Grafiken austauschen ==
--~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\//
++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\//
--[[Folder with access to the graphics>>image:69_Web Interface_Ordner Grafiken austauschen_1012.png]]
++[[Ordner mit dem Zugriff auf die Grafiken>>image:69_Web Interface_Ordner Grafiken austauschen_1012.png]]
--The directory //App_Themes\ACMP\graphics //contains graphics that can be used in the web interfaces.
++2. Im darunterliegendem Verzeichnis //App_Themes\ACMP\graphics //sind Grafiken hinterlegt, die in den Web Interfaces verwendet werden können.
  {{aagon.infobox}}
--Please note that graphical customizations will be overwritten after an update of the Web Interfaces.
++Beachten Sie, dass grafische Anpassungen nach einem Update der Web Interfaces überschrieben werden.
  {{/aagon.infobox}}
--3. Replace the graphics as required (replace the logo via file, located at: App_Themes\ACMP\graphics\logo.svg).
--When replacing graphics, ensure that you use the same names as the original graphics so that they can be read correctly.
++ 3. Tauschen Sie die Grafiken nach Bedarf aus (Logo per Datei austauschen, zu finden unter: App_Themes\ACMP\graphics\logo.svg).
++Achten Sie darauf, dass Sie bei einem solchen Austausch die Benennung der Originalgrafiken übernehmen, sodass diese korrekt eingelesen werden können.
--{{aagon.infobox}}
--The image size of the logos (e.g. CompanyLogo.gif / logo.gif) should be 174x48 pixels.
--It is advisable to stick to this size and, if necessary, scale newly added images to these dimensions.
--{{/aagon.infobox}}
--== CSS customizations ==
++== CSS Anpassungen ==
  {{aagon.warnungsbox}}
--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.
++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.
  {{/aagon.warnungsbox}}
--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".
++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.
  {{aagon.infobox}}
--The Custom.css file should remain valid after an update. It is recommended to remove the file if possible problems arise.
++Die Datei Custom.css sollte bei einem Update dennoch gültig bleiben. Es wird empfohlen bei möglichen Problemen die Datei zu entfernen.
  {{/aagon.infobox}}
--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.
++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.
  {{box}}
--**As a general rule, the Custom.css file is a file that advances the code and does not replace it!**
++**Generell gilt: Die Custom.css Datei erweitert den Code und ersetzt diesen nicht!**
  {{/box}}
--For example, if you want to revise the logo, you must overwrite ".site-logo":
++Möchten Sie beispielsweise das Logo überarbeiten, muss „.site-logo“ überschrieben werden:
  {{code}}
  .site-logo{
@@ -110,54 +110,37 @@
  {{/code}}
  {{aagon.warnungsbox}}
--Any changes should be made in Custom.css. These changes will override existing settings.
++Jegliche Änderungen sollten in der Custom.css erfolgen. Diese Änderungen überschreiben bestehende Einstellungen.
  {{/aagon.warnungsbox}}
--[[Changes on the Custom.css>>image:69_Web Interface_Custom.css Datei_712.png]]
++[[Änderungen an der Custom.css>>image:69_Web Interface_Custom.css Datei_712.png]]
--Take a look at the different .css files in the "Styles" folder for the various classes.
++Schauen Sie sich für die verschiedenen Klassen die unterschiedlichen .css-Dateien in dem Ordner „Styles“ an.
--**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.
++**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.
--[[Colour change of error colours within Custom.css>>image:69_Web Interface_Farbänderung der Error Farben_682.png]]
++[[Farbänderung der Error-Farben innerhalb der Custom.css>>image:69_Web Interface_Farbänderung der Error Farben_682.png]]
  {{aagon.infobox}}
--To change the colour, simply copy the relevant section. You do not need to copy the entire root tree in Custom.css.
++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.
  {{/aagon.infobox}}
--(% class="wikigeneratedid" %)
--**Example: "Image size of Web Interface graphics ("logos")":** If you want to change the dimensions of a replaced graphic (a logo), you can also do this via Custom.css.
++== Texte farblich anpassen ==
--{{code}}
----header-height: 48px;
----logo-width: 174px;
--.site-logo {
--[..]
--    width: var(--logo-width);
--    height: var(--header-height);
--[..]
--}
--{{/code}}
++Um Texte farblich anzupassen, folgen Sie den nachfolgenden Schritten:
--(% class="wikigeneratedid" %)
--The same settings are also used after the login. It is advisable to stick to the dimensions (174x48) and, if necessary, scale the size so that the images are not cropped in the Web Interface.
++1. Öffnen Sie den Installationspfad (Standard: //%Programfiles%\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\App_Themes\ACMP//).
++2. Öffnen Sie nun die Datei //Custom.css//, die in diesem Verzeichnis hinterlegt ist.
--== Customizing text colours ==
--
--To customize text colours, follow these steps:
--
--~1. Open the installation path (default: //%Program Files%\Aagon\ACMP Web Interfaces\Helpdesk Web Interface\App_Themes\ACMP//).
--
--2. Now open the file //Custom.css// stored in this directory.
--
  {{aagon.infobox}}
--Please note that the file for single sign-on is stored separately (path: %Programfiles%\Aagon\ACMP Web Interfaces\SSO\App_Themes\ACMP).
++Beachten Sie, dass die Datei für das Single Sign-On separat hinterlegt ist (Pfad: %Programfiles%\Aagon\ACMP Web Interfaces\SSO\App_Themes\ACMP).
  {{/aagon.infobox}}
--Any changes must be made separately.
--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.
++ Mögliche Änderungen müssen extra erfolgen.
++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.
++
  {{code}}
  .welcomeText {
      color: #ff0000;
@@ -165,9 +165,9 @@
  {{/code}}
--== Customizing texts ==
++== Texte anpassen ==
--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).
++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).
  * C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\App_GlobalResources
  * C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\App_LocalResources
@@ -177,22 +177,22 @@
  * C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\Pages\imageuploader\App_LocalResources
  * C:\Program Files (x86)\Aagon\ACMP Web Interfaces\Helpdesk Webinterface\Pages\UserControls\App_LocalResources
--Open the resource file with a text editor (e.g. Notepad++) and customize the text as desired. Then save the file.
++Ö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.
  {{aagon.infobox}}
--Once you have made the textual changes, you must restart IIS and clear the cache.
--Do not forget to clear your browser cache as well so that the changes take effect.
++Sobald Sie die textlichen Änderungen vorgenommen haben, müssen Sie das IIS neu starten und den Cache leeren.
++Vergessen Sie dabei nicht ebenfalls den Browser-Cache zu leeren, damit die Änderungen übernommen werden
  {{/aagon.infobox}}
  {{aagon.infobox}}
--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.
++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.
  {{/aagon.infobox}}
--= Creating custom fields for the Self Service Web Interface =
++= Benutzerdefinierte Felder für das Self Service Web Interface erstellen =
--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.
++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.
--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.
++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//.
--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.
++Ö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.