| Table of Contents |
|---|
Einführung
Die Badges am rechten Rand des Dokuments geben Aufschluss über den Typ des jeweiligen Angebotselements. Dies ermöglicht eine rasche Orientierung über die Angebots- und Kalkulationsstruktur.
Zur besseren Benutzerführung haben Sie in Ihrer Angebotsvorlage die Möglichkeit, Badges individuell zu überschreiben oder Angebotselemente mit einem Kommentar zu versehen.
Die Funktion verbirgt sich hinter dem Hammer-Symbol in der seitlichen vertikalen Toolbar: “Weitere Informationen für ausgewählte Positionen”.
| Note |
|---|
Das Hammer-Icon wird nur im Template-Editor mit Berechtigung appero quote Admin angezeigt, nicht im normalen Angebotsprozess. |
Benutzerdefinierte Badges
Markieren Sie das gewünschte Angebotselement und aktivieren Sie das Hammer-Icon. Es öffnet sich der Detail-Dialog zur Konfiguration des Angebotselements:
Badge Details
Im ersten Abschnitt können Sie die Bezeichnung und Farbgebung der Badge bestimmen.
Darstellung
Funktion
Erläuterung
Badge Bezeichnung
Geben Sie den Namen ein, der im Editor in der Badge angezeigt werden soll.
Badge Farbe (via Color Picker)
Wählen Sie aus dem Color Picker oder durch direkte Eingabe von Hex- oder RGB-Code den gewünschten Farbton.
Text Farbe (via Color Picker)
Introduction
The badges on the right margin of the document provide information about the type of the respective quote item. This allows a quick orientation about the quote and calculation structure.
For better user guidance, you have the option in your quote template to overwrite badges individually or to add a comment to quote items.
The function is hidden behind the hammer icon in the vertical toolbar on the side: "Edit additional information for selected items".
| Note |
|---|
The Hammer icon is displayed only in template editor with appero quote Admin permission, not in normal quoting process. |
Custom Badges
Select the desired quote item and activate the hammer icon. The detail dialog for configuring the quote item opens:
Badge details
In the first section you can specify the badge name and color scheme.
Display | Function | Explanation |
|---|---|---|
| Badge Label | Enter the name to be displayed in the badge in the editor. |
| Badge Color (via Color Picker) | Select the desired color tone from the Color Picker or by directly entering Hex or RGB code. |
| Text Color (via Color Picker) | Choose the font color to match your background color (readability). |
 | Reset-Button |
Der Klick auf den Reset-Button setzt die Konfiguration aller drei Felder zurück.
| Note |
|---|
Wir empfehlen, die Labels möglichst kurz zu halten, damit der Inhalt auf einen Blick erfasst werden kann. Für ausführlichere Informationen steht Ihnen der Badge Hilfe Text oder das Kommentarfeld zur Verfügung. |
Badge Hilfe Text
Analog zur Hilfe Texten an Salesforce Feldern können Sie auch Ihrer Badge einen erklärenden Text zuweisen, der beim Hovern über das “i”-Symbol angezeigt wird.
Die Konfiguration nehmen Sie im zweiten Abschnitt “Badge Hilfe Text” vor.
Darstellung
Funktion
Erläuterung
Badge Hilfe Text
Clicking the Reset button resets the configuration of all three fields. |
| Note |
|---|
We recommend keeping the labels as short as possible so that the content can be grasped at a glance. For more detailed information, you can use the Badge Help Text or the Comment field. |
Badge Help Text
Similar to the Help Texts on Salesforce fields, you can also assign explanatory text to your badge, which will be displayed when hovering over the "i" icon.
You make the configuration in the second section "Badge Help Text".
Display | Function | Explanation |
|---|---|---|
| Badge Hilfe Text | A rich text editor is available for entering the help text. |
| Reset-Button |
Der Klick auf den Reset-Button löscht den vorhandenen Hilfe-Text.
Kommentare
Alternativ zur Badge können Sie auch einen Kommentar direkt unter das markierte Angebotselement schreiben. Die Konfiguration dazu finden Sie im dritten Abschnitt des Dialogs:
Darstellung
Funktion
Erklärung
Der Typ legt die Hintergrundfarbe des Kommentars fest
Zur Auswahl stehen
Information - grau
Warnung - orange
Erfolg - grün
Fehler - rot
Eingabe des anzuzeigenden Kommentars
Clicking the reset button deletes the existing help text. |
Comments
As an alternative to the badge, you can also write a comment directly under the selected quote item. You can find the configuration for this in the third section of the dialog:
Display | Function | Explanation |
|---|---|---|
| The type sets the background color of the comment | The following are available for selection Information - gray |
 | Input of the comment to be displayed | A rich text editor is available for entering the comment. |
| Reset-Button |
Der Klick auf den Reset-Button löscht Kommtar-Typ und -Text.
Stil
Eine weitere Funktion, die allerdings erst im PDF sichtbar wird, ist das Zuweisen von CSS-Klassen direkt im Editor.
Tragen Sie im Abschnitt “Stil” den Klassennamen für das Element ein, wie Sie ihn auch in Ihrem benutzerdefinierten CSS definiert haben.
Sie benötigen eigene Klassenamen nur, wenn Ihre Formatierung über die der Standardelemente hinausgeht, z.B. wenn Sie neben normalen Textelementen und den drei Überschriftstypen noch weitere Textbereiche in der Formatierung unterscheiden möchten.
Clicking the reset button deletes the comma type and text. |
Style
Another function, which is only visible in the PDF, is the assignment of CSS classes directly in the editor.
In the Style section, enter the class name for the item as you defined it in your custom CSS.
You need custom class names only if your formatting goes beyond that of the standard items, for example, if you want to distinguish other text areas in the formatting in addition to normal text elements and the three heading types.
| Note |
|---|
When editing via the hammer icon, please note that after closing the modal the selection is not yet cancelled. To do this, click on the display of the number of selected items at the top of the editing toolbar - "Deselects all Quote Line Items." - or deselect the finished items manually: |
