> 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-fr/experience-components/ax-record-detail.md).

# AX - Détail de l’enregistrement

## Aperçu

**AX - Détail de l’enregistrement** est un composant Experience Cloud qui affiche les champs et les détails des enregistrements Salesforce dans une mise en page personnalisable sur les pages des sites Experience.

Utilisez-le pour afficher aux utilisateurs du portail des informations détaillées sur des enregistrements spécifiques — par exemple les détails d’un compte, les informations d’un cas, les spécificités d’une commande ou les données d’un objet standard ou personnalisé. Configurez les champs affichés, leur mise en page et leur style dans Experience Builder, sans code.

Idéal pour les pages de détails de compte, les vues détaillées de cas, les affichages d’informations de commande ou tout autre endroit où les utilisateurs du portail doivent voir des informations complètes sur les enregistrements dans un format personnalisé.

***

## Premiers pas

Utilisez ce tutoriel simple pour apprendre les bases du composant Détails de l’enregistrement et commencer à créer vos cas d’usage.

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

***

## Options de configuration

### **Nom de l’objet**

Spécifiez l’objet Salesforce que vous souhaitez afficher (par ex. Compte, Contact, Opportunité, Cas). Cela détermine le type d’enregistrement que le composant récupérera et présentera.

### **ID d’enregistrement**

Fournissez l’identifiant unique de l’enregistrement spécifique que vous souhaitez afficher. Cela garantit que le composant récupère et affiche les bonnes informations.

#### Exemple

Imaginez que vous souhaitez ajouter le composant Détail de l’enregistrement à une page concernant un compte spécifique. Pour afficher les détails de ce compte sur la page (plutôt qu’un compte quelconque), vous devrez utiliser une expression spéciale Experience Cloud. Cela indique au composant d’afficher dynamiquement les détails du compte que l’utilisateur consulte actuellement.

<figure><img src="/files/d584abf128695492774b5cceb9c9f362869fb47b" alt=""><figcaption></figcaption></figure>

```
{!recordId}
```

### **Lecture seule (bascule)**

Choisissez si les utilisateurs peuvent modifier directement les données de l’enregistrement affiché sur votre site Experience Cloud. Activez cette option pour une vue statique et informative, ou désactivez-la pour permettre aux utilisateurs de mettre à jour les détails de l’enregistrement.

### **Mise en page**

Sélectionnez un style de mise en page :

* **Complet :** Affiche tous les champs disponibles dans un format détaillé, parfait pour tout voir.
* **Compact :** Affiche uniquement les champs les plus importants pour gagner de la place, idéal pour un aperçu rapide.
* **Personnalisée :** Adaptez la mise en page à vos besoins spécifiques. Sélectionnez à la main les champs à afficher et organisez-les dans l’ordre souhaité.

<figure><img src="/files/5032c6023fa482bd9a7f017265f7d2489244c6d5" alt=""><figcaption><p>Éditeur de mise en page personnalisée</p></figcaption></figure>

### **Nombre de colonnes**

Définissez la manière dont les champs de l’enregistrement sont répartis dans le composant. Choisissez plusieurs colonnes pour une mise en page structurée en tableau ou une seule colonne pour une présentation verticale épurée.

### **Densité**

Contrôlez l’espacement entre les éléments du composant pour une lisibilité optimale :

* **Confortable :** Offre un espacement généreux pour une expérience de lecture détendue.
* **Compact :** Utilise un espacement plus serré pour une vue plus condensée.
* **Automatique :** Ajuste automatiquement l’espacement en fonction de la taille de l’écran et de l’espace disponible.

***

## Exemples de cas d’utilisation

### Exemple 1 : Panneau de mise en valeur du compte

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

Donnez un impact visuel immédiat à vos pages de compte en mettant en avant les informations les plus importantes du compte dans un panneau de mise en valeur clair et facile à parcourir. Cette configuration extrait les champs clés directement de l’enregistrement Compte et les affiche dans un format compact, exactement là où votre équipe en a besoin.

***

#### **Ce que vous obtiendrez**

* **Consultation des comptes plus rapide :** Les détails clés du compte sont immédiatement visibles sans ouvrir l’enregistrement complet
* **Présentation cohérente :** Un panneau de mise en valeur structuré crée une expérience uniforme sur toutes les pages de compte

***

#### **Avant de commencer**

* **Composant de carte de profil :** Utilisez éventuellement un composant de carte de profil comme conteneur pour encadrer votre panneau de mise en valeur

***

**Comment le configurer :**

{% stepper %}
{% step %}

#### **Ajoutez le composant à votre page de liste de comptes**

* Faites glisser le composant AX - Détail de l’enregistrement dans Experience Builder sur la page de liste de comptes
  {% endstep %}

{% step %}

#### **Configurez la source de données**

* Définissez Nom de l’objet sur `Account`
* Définissez ID de l’enregistrement sur `{!Item.Id}`
* Définissez Type d’enregistrement sur `Master`
* Définissez Mise en page sur `Compact`
  {% endstep %}

{% step %}

#### **Vérifiez votre configuration**

* Prévisualisez la page pour confirmer que le panneau de mise en valeur affiche les bons champs du compte
  {% endstep %}
  {% endstepper %}

***

**Liens**

{% content-ref url="/pages/b9c32b869e2876f30d4232ad085d6b37ccf85dc2" %}
[AX - Carte de profil](/experience-cloud/experience-cloud-fr/experience-components/ax-profile-card.md)
{% endcontent-ref %}

***

### Exemple 2 : Afficher les détails du compte parent sur un cas <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" %}

Offrez à vos agents de service un contexte de compte instantané pendant qu’ils traitent un cas, afin qu’ils puissent personnaliser chaque interaction client sans changer d’onglet ni chercher l’information ailleurs.

***

#### **Ce que vous obtiendrez**

* **Vue Client 360 :** Les agents voient les détails pertinents du compte directement sur le cas, ce qui leur fournit en un coup d’œil l’ensemble du contexte client
* **Taux de résolution des cas amélioré :** Un accès plus rapide aux informations du compte permet aux agents de se concentrer sur la résolution du problème plutôt que de rechercher des détails contextuels

***

#### **Avant de commencer**

* **Pages de l’objet Cas :** Assurez-vous d’avoir créé des pages de l’objet Cas, en particulier la page Détail du cas, dans Experience Builder

***

#### **Comment le configurer**

{% stepper %}
{% step %}

#### **Ajoutez le composant à votre page Détail du cas**

* Faites glisser le composant AX - Détail de l’enregistrement dans Experience Builder sur la page Détail du cas
  {% endstep %}

{% step %}

#### **Configurez la source de données**

* Définissez Nom de l’objet sur `Account`
* Définissez ID de l’enregistrement sur `{!Item.AccountId}`
* Définissez Type d’enregistrement sur `Master`
* Définissez Mise en page sur `Compact`
  {% endstep %}

{% step %}

#### **Vérifiez votre configuration**

* Prévisualisez la page pour confirmer que les détails du compte parent s’affichent correctement sur l’enregistrement de cas
  {% 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:

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

The question should be specific, self-contained, and written in natural language.
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.
