English Version
| Table of Contents |
|---|
Englische Version
- Log into your Confluence instance as an admin.
Click the admin dropdown menu (Cogwheel) and choose "Manage apps".
Info The Manage add-ons screen loads. Enter your admin password if you are promted to. 
Configuration
Preview
After clicking onto the "Save"-Button you can see a preview of the "Link"-Button-Grid. If no content is defined for the specific button, the position number will be shown.
Use of dynamic shortcuts
Standartmäßig sind 9 Shortcuts eingestellt. Über folgende zwei Buttons können sie neue Shortcuts hinzufügen oder bestehende löschen:
Zum Hinzufügen neuer Shortcuts: Drücken sie den Button "3 neue Shortcuts hinzufügen". Im Anschluss erscheinen drei neue Zeilen, welche Sie nun konfigurieren können.
Zum Löschen bestehender Shortcuts: Drücken sie den Button "Die letzten 3 Shortcuts löschen". Im Anschluss erscheint ein Dialog mit einer Warnung. Nun können sie den Löschvorgang bestätigen und die letzten 3 Zeiten werden gelöscht,
| Info |
|---|
| Die Spalten werden erst beim Drücken auf "Speichern" gelöscht. |
How to insert icons
In this section of the configuration panel, you can find instructions on how to insert icons or images into the links grid.
Link Configuration
| Position | Position in "Links"-Grid – Position number can be seen in preview. |
| Name | Name of the service, you want to link. |
| Link | Link of the service. |
| Icon | Input field for icon code fragment. See "How to insert icons" on the configuration panel for instructions. |
| Color | Click onto the filled rectangle, to change the color of icon and text. |
| Image as icon | By activating the switch, you can set an image as a icon. See "How to use images as icons" for further information. |
How to insert icons:
- Please visit the following link: Font Awesome
- Use the search/grid to choose an icon. Click onto the icon.
Please do not enable "Pro"-Icons, since these are not included within this app. - Copy the code fragment beginning with "<i" and ending with "</i>" below the icon preview.
E.g.: This is the code fragment for a phone icon: <i class="fas fa-phone"></i> Insert the copied code fragment into the icon input field.
How to use images as icons:
- The image needs to be in one of these formats: .img/.png/.jpeg/.gif.
- Turn on the Switch "Image als icon". (This also happens automatically if a image is dropped onto the button.)
- Press the button "Select image" and select an image. Or just Drag-and-Drop the image onto the button.
- The image will now be uploaded and configured. (The preview will refresh when "Save" is clicked.)
| Info |
|---|
| Note: If you want to use a Image from the web (URL/Link adress). Turn on the Switch "Image as icon" and enter the URL/Link adress into the "Icon" input field. |
Example configuration:
Deutsche Version
| Table of Contents |
|---|
Deutsche Version
- Loggen Sie sich mit Administrator Berechtigung in das Confluence ein.
Klicken sie auf das DropDown-Menü and wählen Sie "Apps verwalten" aus.
Info Das "Add-On Verwaltungsmenü" öffnet sich. In einigen fällen muss das Admin Passwort erneut eingegeben werden.
3. Mit Klick auf "Quick Navigation and Search Configuration" öffnet sich die Konfiguration.
Konfiguration
Vorschau
Nachdem die "Save"-Schaltfläche angeklickt wurde erscheint eine Vorschau von dem "Link-Schaltflächen-Raster".
Falls kein Inhalt festgelegt wurde, wird eine Nummer als Positions-Halter angezeigt.
Dynamische Shortcuts verwenden
Standartmäßig sind 9 Shortcuts eingestellt. Über folgende zwei Buttons können sie neue Shortcuts hinzufügen oder bestehende löschen:
Zum Hinzufügen neuer Shortcuts: Drücken sie den Button "3 neue Shortcuts hinzufügen". Im Anschluss erscheinen drei neue Zeilen, welche Sie nun konfigurieren können.
Zum Löschen bestehender Shortcuts: Drücken sie den Button "Die letzten 3 Shortcuts löschen". Im Anschluss erscheint ein Dialog mit einer Warnung. Nun können sie den Löschvorgang bestätigen und die letzten 3 Zeiten werden gelöscht,
| Info |
|---|
| Die Spalten werden erst beim Drücken auf "Speichern" gelöscht. |
Symbole einfügen
In diesem Teil des Menüs sind die Schritte zum Hinzufügen eines Symbols oder Bildes in das Raster beschrieben.
Link Konfiguration
| Position | Position in "Links"-Raster - Positions Nummer kann in der Vorschau angezeigt werden. |
| Name | Name des Services, welcher verlinkt werden soll. |
| Link | Link des Services. |
| Icon | Eingabefeld für das Symbolcodefragment. Weitere Informationen finden Sie unter "Einfügen von Symbolen" auf der Konfigurationsseite. |
| Color | Durch Klicken auf das ausgefüllte Rechteck kann die Farbe des Symbols und des Texts angepasst werden. |
| Bild als Icon | Durch das Aktivieren des Schalters können Bilder als Icons verwenden. Mehr informationen siehe Punkt "Setzen eines Bildes als Icon". |
Setzen eines icons:
- Bitte diesem Link folgen: Font Awesome
- Auf der Seite können Symbole ausgewählt werden.
Bitte keine Pro-Symbole benutzen, da diese nicht unterstützt werden. - Auf der Symbol-Vorschau die zeile mit "</i>" kopieren.
Z.b. ein Telefonsymbol würde lauten : <i class="fas fa-phone"></i> - Der kopierte Text kann nun in dem Icon Feld eingefügt werden.
Setzen eines Bildes als Icon:
- Das Bild muss eines dieser Formate haben: .img/.png/.jpeg/.gif.
- Den Schalter in der Spalte "Bild als Icon" einschalten. (Dies passiert auch Automatisch, wenn ein Bild auf den Button gedroppt wird.)
- Den Button "Bild auswählen" drücken und das Bild auswählen. Oder das Bild einfach per Drag-and-Drop auf den Button ziehen.
- Das Bild wird hochgeladen und automatisch konfiguriert. (Die Vorschau wird beim Drücken von "Speichern" aktualisiert.)
| Info |
|---|
| Info: Wenn Sie ein Bild aus dem Internet (URL/Link Adresse) verwenden möchten, schalten sie den Schalter "Bild als Icon" ein und fügen sie die URL/Link Adresse in das Eingabefeld in der Spalte "Icon" ein. |
Beispiel Konfiguration:
