# AX - Datensatzdetails

## Übersicht

**AX - Datensatzdetails** ist eine Experience-Cloud-Komponente, die Salesforce-Datensatzfelder und -details in einem anpassbaren Layout auf Experience-Sites-Seiten anzeigt.

Verwenden Sie sie, um Portalbenutzern detaillierte Informationen zu bestimmten Datensätzen anzuzeigen – etwa Kontodetails, Fallinformationen, Auftragsdetails oder Daten aus Standard- oder benutzerdefinierten Objekten. Konfigurieren Sie in Experience Builder ohne Code, welche Felder angezeigt werden, ihr Layout und das Styling.

Perfekt für Kontodetailseiten, Falldetailansichten, Auftragsinformationsanzeigen oder überall dort, wo Portalbenutzer umfassende Datensatzinformationen in einem benutzerdefinierten Format sehen müssen.

***

## Erste Schritte

Verwenden Sie dieses einfache Tutorial, um die Grundlagen der Komponente „Datensatzdetails“ zu lernen und mit der Umsetzung Ihrer Anwendungsfälle zu beginnen.

{% @arcade/embed flowId="F3WnyWtZCFNcb07r05cm" url="<https://app.arcade.software/share/F3WnyWtZCFNcb07r05cm>" %}

***

## Konfigurationsoptionen

### **Objektname**

Geben Sie das Salesforce-Objekt an, das Sie anzeigen möchten (z. B. Account, Kontakt, Opportunity, Fall). Dadurch wird bestimmt, welchen Datensatztyp die Komponente abruft und anzeigt.

### **Datensatz-ID**

Geben Sie die eindeutige Kennung des spezifischen Datensatzes an, den Sie anzeigen möchten. Dadurch wird sichergestellt, dass die Komponente die richtigen Informationen abruft und anzeigt.

#### Beispiel

Stellen Sie sich vor, Sie möchten die Komponente „Datensatzdetails“ zu einer Seite über einen bestimmten Account hinzufügen. Um die Details dieses Accounts auf der Seite anzuzeigen (anstatt einfach irgendeinen zufälligen Account), müssen Sie einen speziellen Experience-Cloud-Ausdruck verwenden. Dadurch wird der Komponente mitgeteilt, die Details des Accounts dynamisch anzuzeigen, den der Benutzer gerade ansieht.

<figure><img src="https://4175360472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FJdQltF6RELKiE4iUEK13%2F2024-07-05_16-26-43.png?alt=media&#x26;token=9b920b24-f426-460c-a96d-1a1ab7651df6" alt=""><figcaption></figcaption></figure>

```
{!recordId}
```

### **Schreibgeschützt (Umschalter)**

Wählen Sie aus, ob Benutzer die angezeigten Datensatzdaten direkt auf Ihrer Experience-Cloud-Site bearbeiten können. Aktivieren Sie diese Option für eine statische, informative Ansicht oder deaktivieren Sie sie, damit Benutzer die Datensatzdetails aktualisieren können.

### **Layout**

Wählen Sie einen Layoutstil aus:

* **Vollständig:** Zeigt alle verfügbaren Felder in einem detaillierten Format an, ideal um alles zu sehen.
* **Kompakt:** Zeigt nur die wichtigsten Felder an, um Platz zu sparen, ideal für schnelle Übersichten.
* **Benutzerdefiniert:** Passen Sie das Layout an Ihre spezifischen Anforderungen an. Wählen Sie gezielt aus, welche Felder angezeigt werden sollen, und ordnen Sie sie in der gewünschten Reihenfolge an

<figure><img src="https://4175360472-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FCrMiIjXHCYIaf0tQb3uF%2FJuly%203%202024.gif?alt=media&#x26;token=adc06821-a3e8-4430-9534-057c44b279fa" alt=""><figcaption><p>Editor für benutzerdefiniertes Layout</p></figcaption></figure>

### **Anzahl der Spalten**

Legen Sie fest, wie Datensatzfelder in der Komponente angeordnet werden. Wählen Sie mehrere Spalten für ein strukturiertes, tabellarisches Layout oder eine einzelne Spalte für eine übersichtliche, vertikale Darstellung.

### **Dichte**

Steuern Sie den Abstand zwischen Elementen in der Komponente für optimale Lesbarkeit:

* **Komfortabel:** Bietet großzügigen Abstand für ein entspanntes Leseerlebnis.
* **Kompakt:** Verwendet engeren Abstand für eine kompaktere Ansicht.
* **Auto:** Passt den Abstand automatisch an Bildschirmgröße und verfügbaren Platz an.

***

## Anwendungsbeispiele

### Beispiel 1: Kontohervorhebungsbereich

{% @arcade/embed flowId="4kdHqm6vhNkcnPUq42E7" url="<https://app.arcade.software/share/4kdHqm6vhNkcnPUq42E7>" %}

Verleihen Sie Ihren Kontoseiten sofortige visuelle Wirkung, indem Sie die wichtigsten Kontoinformationen in einem sauberen, leicht erfassbaren Hervorhebungsbereich anzeigen. Diese Konfiguration zieht Schlüsselfelder direkt aus dem Account-Datensatz und zeigt sie in einem kompakten Format an, genau dort, wo Ihr Team sie benötigt.

***

#### **Was Sie erreichen werden**

* **Schnelleres Scannen von Konten:** Wichtige Kontodetails sind sofort sichtbar, ohne den vollständigen Datensatz zu öffnen
* **Einheitliche Darstellung:** Ein strukturierter Hervorhebungsbereich schafft ein einheitliches Erlebnis auf allen Kontoseiten

***

#### **Bevor Sie beginnen**

* **Profilkarten-Komponente:** Verwenden Sie optional eine Profilkarten-Komponente als Container, um Ihren Hervorhebungsbereich einzurahmen

***

**So richten Sie es ein:**

{% stepper %}
{% step %}

#### **Fügen Sie die Komponente zu Ihrer Konto-Listenseite hinzu**

* Ziehen Sie die Komponente „AX - Record Detail“ in Experience Builder auf der Konto-Listenseite hinein
  {% endstep %}

{% step %}

#### **Datenquelle konfigurieren**

* Setzen Sie den Objektnamen auf `Konto`
* Setzen Sie die Datensatz-ID auf `{!Item.Id}`
* Setzen Sie den Datensatztyp auf `Master`
* Setzen Sie das Layout auf `Kompakt`
  {% endstep %}

{% step %}

#### **Überprüfen Sie Ihre Konfiguration**

* Zeigen Sie die Seite in der Vorschau an, um zu bestätigen, dass der Hervorhebungsbereich die richtigen Kontofelder anzeigt
  {% endstep %}
  {% endstepper %}

***

**Links**

{% content-ref url="ax-profilkarte" %}
[ax-profilkarte](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-profilkarte)
{% endcontent-ref %}

***

### Beispiel 2: Übergeordnete Kontodetails auf einem Fall anzeigen <a href="#id-4b86f04a-b256-490c-a0ee-834ee0a4e968" id="id-4b86f04a-b256-490c-a0ee-834ee0a4e968"></a>

{% @arcade/embed flowId="vu4akvJvLUqRGJUTl8Bv" url="<https://app.arcade.software/share/vu4akvJvLUqRGJUTl8Bv>" %}

Statten Sie Ihre Service-Mitarbeiter mit sofortigem Kontokontext aus, während sie einen Fall bearbeiten, damit sie jede Kundeninteraktion personalisieren können, ohne zwischen Tabs zu wechseln oder anderswo nach Informationen zu suchen.

***

#### **Was Sie erreichen werden**

* **Kunden-360-Grad-Ansicht:** Mitarbeiter sehen relevante Kontodetails direkt im Fall und erhalten so auf einen Blick den vollständigen Kundenkontext
* **Verbesserte Falllösungsrate:** Schnellerer Zugriff auf Kontoinformationen bedeutet, dass sich Mitarbeiter auf die Lösung des Problems konzentrieren können, statt nach Hintergrunddetails zu suchen

***

#### **Bevor Sie beginnen**

* **Fall-Objektseiten:** Stellen Sie sicher, dass Sie Case-Objektseiten erstellt haben, insbesondere die Case-Detailseite, in Experience Builder

***

#### **So richten Sie es ein**

{% stepper %}
{% step %}

#### **Fügen Sie die Komponente zu Ihrer Case-Detailseite hinzu**

* Ziehen Sie die Komponente „AX - Record Detail“ in Experience Builder auf der Case-Detailseite hinein
  {% endstep %}

{% step %}

#### **Datenquelle konfigurieren**

* Setzen Sie den Objektnamen auf `Konto`
* Setzen Sie die Datensatz-ID auf `{!Item.AccountId}`
* Setzen Sie den Datensatztyp auf `Master`
* Setzen Sie das Layout auf `Kompakt`
  {% endstep %}

{% step %}

#### **Überprüfen Sie Ihre Konfiguration**

* Zeigen Sie die Seite in der Vorschau an, um zu bestätigen, dass die Details des übergeordneten Kontos im Falldatensatz korrekt angezeigt werden
  {% endstep %}
  {% endstepper %}