Wie man Badges farblich kennzeichnet

Übersicht

In diesem Tutorial passen wir das Erscheinungsbild des StageName Felds in unserer Avonni Data Table an. Wir ändern die Hintergrundfarben der StageName Werte, um sie visuell zu unterscheiden und die Lesbarkeit sowie die Datenvisualisierung zu verbessern.

Geführtes Tutorial

. Erstellen eines Formel-Felds

Navigieren Sie zum Objekt-Manager in den Salesforce-Einstellungen.
Suchen und wählen Sie das Objekt aus, in dem Sie die Formel erstellen möchten, z. B. Opportunity.
Klicken Sie auf „Felder & Beziehungen“ und dann auf „Neues Feld“.
Wählen Sie „Formel“ als Datentyp und fahren Sie fort.

Geben Sie die folgende Formel ein:

Kopieren

IF(ISPICKVAL(StageName,'Closed Won'), 'success',
   IF(ISPICKVAL(StageName,'Closed Lost'), 'error', 'base'))

Erklärung der Formel:

Diese Formel prüft das Feld "StageName". Wenn es "Closed Won" ist, gibt die Formel "success" (grünes Abzeichen) zurück. Wenn es "Closed Lost" ist, gibt sie "error" (rotes Abzeichen) zurück. Für alle anderen Phasen gibt sie "base" (graues Abzeichen) zurück.

Das Lightning Design System definiert Abzeichenfarben vor und diese können nicht angepasst werden. Die verfügbaren Optionen sind:

base: Grau (Standard)
brand: Blau
inverse: Weiß
alt-inverse: Transparent mit dunklem Rand
success: Grün
info: Dunkelgrau
error: Rot
warning: Gelb
offline: Schwarz

2. Fügen Sie die Avonni Data Table-Komponente hinzu

Öffnen Sie das Bildschirmelement, in das Sie die Avonni Data Table-Komponente einfügen möchten.

3. Passen Sie die Data Table an

Wenn die Avonni Data Table-Komponente ausgewählt ist, öffnen Sie den Komponenten-Builder.
Damit können Sie die Data Table visuell entsprechend Ihren Anforderungen anpassen.

4. Konfigurieren Sie die Datenquelle

Gehen Sie im Komponenten-Builder zum Abschnitt „Datenquelle“.
Konfigurieren Sie die Datenquelle so, dass sie auf das Objekt zeigt, das Ihr Formel-Feld enthält, z. B. Opportunity.

Wenn Sie die Variable Data Source verwenden, richten Sie zuerst das Element 'Get Records' ein. Dieser Schritt ist entscheidend, um sicherzustellen, dass Salesforce alle erforderlichen Informationen aus Ihrem Objekt abruft.

Stellen Sie sicher, dass die Datenquelle korrekt eingerichtet ist, um die notwendigen Datensätze abzurufen.

5. Fügen Sie die Badge-Spalte hinzu

Rufen Sie den Abschnitt „Spalten“ auf, und ziehen Sie dann die gewünschten Spalten aus dem linken Bereich in den Avonni Data Table-Bereich. Stellen Sie sicher, dass Sie die Spalte einschließen, die das Abzeichen anzeigen soll.
Klicken Sie auf die Spalte, in der das Abzeichen angezeigt werden soll.

Wählen Sie für den Typ Badge.
Bezüglich des Abschnitts Typ-Attribut
- Aktivieren Sie den Schalter für den Feldnamen
- Wählen Sie das in Schritt 1.

Das war's! Ihre Datentabelle zeigt jetzt farbige Abzeichen basierend auf der Phase jeder Opportunity an.

Abschluss

Nun sollte Ihre Avonni Data Table den StageName Status mit einem farbigen Abzeichen entsprechend der in dem Formel-Feld angegebenen Bedingung anzeigen. „Closed Won“-Phasen zeigen ein grünes Abzeichen, „Closed Lost“-Phasen ein rotes Abzeichen und alle anderen Phasen ein neutrales Abzeichen. Diese Anpassung ermöglicht eine visuell intuitivere Darstellung Ihrer Daten.

Diese Schritte zeigen Ihnen, wie Sie farbige Abzeichen zu Ihrer Salesforce-Datentabelle hinzufügen. Zuerst erstellen Sie eine Formel, die je nach Phase einer Opportunity verschiedene Farben zuweist (wie „Closed Won“ oder „Closed Lost“). Anschließend fügen Sie einen Data Table zu Ihrem Salesforce-Bildschirm hinzu und konfigurieren ihn so, dass Ihre Opportunity-Daten angezeigt werden. Schließlich wählen Sie für die Spalte mit Ihrer Formel die Badge-Option aus, damit diese farbigen Abzeichen in Ihrer Tabelle erscheinen.

Erstellen eines Formel-Felds

Navigieren Sie zum Objekt-Manager in den Salesforce-Einstellungen.
Suchen und wählen Sie das Objekt aus, in dem Sie die Formel erstellen möchten, z. B. Opportunity.
Klicken Sie auf „Felder & Beziehungen“ und dann auf „Neues Feld“.
Wählen Sie „Formel“ als Datentyp und fahren Sie fort.
Geben Sie die Formel ein, ähnlich wie diese (passen Sie die Formel an Ihre speziellen Anforderungen an)

IF(ISPICKVAL(StageName,'Closed Won'), 'success',
   IF(ISPICKVAL(StageName,'Closed Lost'), 'error', 'base'))

Fügen Sie die Avonni Data Table-Komponente hinzu

Ziehen Sie die Avonni Datentabelle in Ihr Dynamic Component-Layout. Wählen Sie sie aus und konfigurieren Sie dann ihr Datenquelle mithilfe einer Avonni-Abfrage um die erforderlichen Salesforce-Datensätze und -Felder abzurufen. Nachdem Sie die Abfrage eingerichtet haben, gehen Sie zum Konfigurieren Sie abschließend die Abschnitt im Eigenschaftenfenster, um Spalten hinzuzufügen, diese den richtigen Quellfelder aus Ihrer Abfrage zuzuordnen und deren Einstellungen anzupassen.

Fügen Sie die Badge-Spalte hinzu

Klicken Sie auf die Schaltfläche „Spalten hinzufügen“ und wählen Sie dann das Feld aus, das Sie in dieser Spalte anzeigen möchten..
Klicken Sie auf die Spalte, in der das Abzeichen angezeigt werden soll.

Wählen Sie für den Typ Badge.
Bezüglich des Abschnitts Typ-Attribut
- Aktivieren Sie den Schalter für den Feldnamen
- Wählen Sie das in Schritt 1.

Das war's! Ihre Datentabelle zeigt jetzt farbige Abzeichen basierend auf der Phase jeder Opportunity an.

Abschluss

Zuletzt aktualisiert vor 6 Monaten

War das hilfreich?