> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-record-detail.md).

# AX - Datensatzdetail

## Ü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 zu Standard- oder benutzerdefinierten Objekten. Konfigurieren Sie in Experience Builder ohne Code, welche Felder angezeigt werden, wie sie angeordnet sind und wie sie gestaltet sind.

Perfekt für Kontodetailseiten, Falldetailansichten, Anzeigen von Auftragsinformationen 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 für Datensatzdetails kennenzulernen und mit dem Erstellen Ihrer Anwendungsfälle zu beginnen.

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

## Konfiguration

### **Objektname**

Geben Sie das Salesforce-Objekt an, das Sie anzeigen möchten (z. B. Konto, Kontakt, Opportunity, Fall). Dies bestimmt den Datensatztyp, den die Komponente abruft und darstellt.

### **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 für Datensatzdetails zu einer Seite über ein bestimmtes Konto hinzufügen. Um die Details dieses Kontos auf der Seite anzuzeigen – und nicht einfach irgendein beliebiges Konto –, müssen Sie einen speziellen Experience-Cloud-Ausdruck verwenden. Damit wird der Komponente mitgeteilt, die Details des Kontos dynamisch anzuzeigen, das der Benutzer gerade betrachtet.

<figure><img src="https://2929066058-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgit-blob-5a86dcc730ee07d0e00d7a60fd5f070691cfa7f4%2F2024-07-05_16-26-43.png?alt=media" alt=""><figcaption></figcaption></figure>

```
{!recordId}
```

### **Datensatztyp**

Legt den zu verwendenden Datensatztyp fest, wenn die Komponente keine Datensatz-ID hat, z. B. wenn Sie sie zum Erstellen eines Datensatzes verwenden. Dies bestimmt die Auswahllistenwerte, Standardwerte und das Seitenlayout, das auf den neuen Datensatz angewendet wird.

Wenn eine Datensatz-ID festgelegt ist, trägt der Datensatz bereits seinen eigenen Datensatztyp. Die Komponente verwendet diesen, und diese Einstellung wird ignoriert.

### **Schreibgeschützt (Schalter)**

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 aus, wie die Komponente entscheidet, welche Felder angezeigt werden sollen:

* **Vollständig:** Verwendet das Salesforce-Seitenlayout, das dem Datensatz zugewiesen ist. Salesforce weist Seitenlayouts nach Datensatztyp und Profil zu, sodass die Felder dieser Konfiguration automatisch folgen.
* **Kompakt:** Verwendet das kompakte Layout des Objekts, eine kurze Zusammenfassung des Datensatzes. Nützlich für Hervorhebungsbereiche und Seitenleisten.
* **Benutzerdefiniert:** Verwendet eine Feldliste, die Sie selbst im benutzerdefinierten Layout-Builder erstellen, anstatt des Seitenlayouts. Sie wählen die Felder und ihre Reihenfolge aus.

Ein benutzerdefiniertes Layout ersetzt das Seitenlayout und folgt daher nicht den Zuweisungen des Seitenlayouts. Jedes Feld, das Sie platzieren, wird bei jedem Datensatz des Objekts angezeigt, unabhängig vom Datensatztyp. Wenn Sie je nach Datensatztyp unterschiedliche Felder benötigen, verwenden Sie Vollständig oder Kompakt.

<figure><img src="https://2929066058-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgit-blob-b1d72aa419418e01c109321639b810fbd9d67711%2FJuly%203%202024.gif?alt=media" alt=""><figcaption><p>Editor für benutzerdefinierte Layouts</p></figcaption></figure>

### **Anzahl der Spalten**

Definieren Sie, wie die Datensatzfelder über die Komponente angeordnet werden. Wählen Sie mehrere Spalten für ein strukturiertes, tabellarisches Layout oder eine einzelne Spalte für eine schlanke, vertikale Darstellung.

### **Dichte**

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

* **Komfortabel:** Bietet großzügige Abstände für ein entspanntes Leseerlebnis.
* **Kompakt:** Verwendet engere Abstände für eine kompaktere Ansicht.
* **Automatisch:** Passt den Abstand automatisch an die Bildschirmgröße und den verfügbaren Platz an.

### Zusätzliche Einstellungen

**API-Name** ist eine eindeutige Kennung, die verwendet wird, um auf die Komponente zu verweisen (3–30 Zeichen; Buchstaben, Ziffern, Unterstriche und Bindestriche).

**Modus** legt fest, wie der Datensatz gerendert wird (Ansicht vs. Bearbeitung), und **Variante** wählt seinen visuellen Stil aus.

Wenn die Bearbeitung aktiviert ist, **Schaltflächenbeschriftung für Speichern** und **Schaltflächenbeschriftung für Abbrechen** legen Sie den Text der Speichern- und Abbrechen-Schaltflächen des Datensatzes fest.

**Feldlayout** erweitert **Anzahl der Spalten** responsiv – legen Sie die Anzahl der Spalten pro Containergröße fest (von extra-klein bis groß).

## Styling

{% tabs %}
{% tab title="Größe" %}
Steuert die Abmessungen der Komponente.
{% endtab %}

{% tab title="Außenabstand" %}
Steuert den äußeren Abstand um die Komponente.
{% endtab %}

{% tab title="Innenabstand" %}
Steuert den inneren Abstand der Komponente.
{% endtab %}
{% endtabs %}

## Anwendungsfälle

### Beispiel 1: Hervorhebungsbereich für Konten

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

Verleihen Sie Ihren Kontoseiten sofortige visuelle Wirkung, indem Sie die wichtigsten Kontoinformationen in einem klaren, leicht erfassbaren Hervorhebungsbereich anzeigen. Dieses Setup zieht wichtige Felder direkt aus dem Kontodatensatz und zeigt sie in einem kompakten Format genau dort an, wo Ihr Team sie benötigt.

***

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

* **Schnelleres Erfassen von Konten:** Wichtige Kontodetails sind sofort sichtbar, ohne den vollständigen Datensatz zu öffnen
* **Konsistente 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 Kontoliste-Seite hinzu**

* Ziehen Sie die Komponente AX - Datensatzdetails in Experience Builder auf die Kontoliste-Seite
  {% endstep %}

{% step %}

#### **Datenquelle konfigurieren**

* Objektname festlegen auf `Konto`
* Datensatz-ID festlegen auf `{!Item.Id}`
* Layout festlegen auf `Kompakt`
  {% endstep %}

{% step %}

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

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

***

**Links**

***

### 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 url="<https://app.arcade.software/share/vu4akvJvLUqRGJUTl8Bv>" flowId="vu4akvJvLUqRGJUTl8Bv" %}

Statten Sie Ihre Servicemitarbeiter mit sofortigem Kontokontext aus, während sie an einem Fall arbeiten, damit sie jede Kundeninteraktion personalisieren können, ohne zwischen Registerkarten zu wechseln oder anderswo nach Informationen zu suchen.

***

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

* **Customer-360-Ansicht:** Mitarbeiter sehen relevante Kontodetails direkt im Fall und erhalten so auf einen Blick den vollständigen Kundenkontext
* **Verbesserte Lösungsquote bei Fällen:** Schnellerer Zugriff auf Kontoinformationen bedeutet, dass sich Mitarbeiter darauf konzentrieren können, das Problem zu lösen, statt nach Hintergrunddetails zu suchen

***

#### **Bevor Sie beginnen**

* **Fallobjekt-Seiten:** Stellen Sie sicher, dass Sie Fallobjekt-Seiten, insbesondere die Falldetailseite, in Experience Builder erstellt haben

***

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

{% stepper %}
{% step %}

#### **Fügen Sie die Komponente Ihrer Falldetailseite hinzu**

* Ziehen Sie die Komponente AX - Datensatzdetails in Experience Builder auf die Falldetailseite
  {% endstep %}

{% step %}

#### **Datenquelle konfigurieren**

* Objektname festlegen auf `Konto`
* Datensatz-ID festlegen auf `{!Item.AccountId}`
* Layout festlegen auf `Kompakt`
  {% endstep %}

{% step %}

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

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-record-detail.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
