> 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 d'enregistrement ## Aperçu **AX - Détail d’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 — comme les détails d’un compte, les informations d’un cas, les spécificités d’une commande ou des données d’objets standard ou personnalisés. Configurez quels champs apparaissent, leur disposition et le style dans Experience Builder sans code. Parfait pour les pages de détails de compte, les vues détaillées de cas, les affichages d’informations de commande, ou partout où les utilisateurs du portail ont besoin de voir des informations complètes sur un enregistrement dans un format personnalisé. ## Prise en main Utilisez ce tutoriel simple pour apprendre les bases du composant Détails de l’enregistrement et commencer à développer vos cas d’usage. {% @arcade/embed url="" flowId="F3WnyWtZCFNcb07r05cm" %} ## Configuration ### **Nom de l’objet** Spécifiez l’objet Salesforce que vous souhaitez afficher (par exemple : Account, Contact, Opportunity, Case). Cela détermine le type d’enregistrement que le composant récupérera et présentera. ### **ID d’enregistrement** Indiquez l’identifiant unique de l’enregistrement spécifique que vous souhaitez afficher. Cela garantit que le composant récupère et affiche les informations correctes. #### Exemple Imaginez que vous souhaitez ajouter le composant Détail d’enregistrement à une page consacrée à un compte spécifique. Pour afficher les détails de ce compte sur la page (au lieu de n’importe quel compte pris au hasard), vous devrez utiliser une expression spéciale Experience Cloud. Celle-ci indique au composant d’afficher dynamiquement les détails du compte que l’utilisateur consulte actuellement.
``` {!recordId} ``` ### **Type d’enregistrement** Définit le type d’enregistrement à utiliser lorsque le composant n’a pas d’ID d’enregistrement, par exemple lorsque vous l’utilisez pour créer un enregistrement. Il détermine les valeurs de liste de sélection, les valeurs par défaut et la mise en page appliquées au nouvel enregistrement. Lorsqu’un ID d’enregistrement est défini, l’enregistrement possède déjà son propre type d’enregistrement. Le composant utilise celui-ci, et ce paramètre est ignoré. ### **Lecture seule (bascule)** Choisissez si les utilisateurs peuvent modifier directement les données d’enregistrement affichées 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** Choisissez comment le composant décide quels champs afficher : * **Complet :** Utilise la mise en page Salesforce attribuée à l’enregistrement. Salesforce attribue les mises en page par type d’enregistrement et par profil, donc les champs suivent automatiquement cette configuration. * **Compact :** Utilise la mise en page compacte de l’objet, un bref résumé de l’enregistrement. Utile pour les panneaux de mise en avant et les colonnes latérales. * **Personnalisé :** Utilise une liste de champs que vous créez vous-même dans le générateur de mise en page personnalisée, au lieu de la mise en page. Vous choisissez les champs et leur ordre. Une mise en page personnalisée remplace la mise en page, elle ne suit donc pas les attributions de mise en page. Chaque champ que vous placez apparaît sur chaque enregistrement de l’objet, quel que soit son type d’enregistrement. Si vous avez besoin d’un ensemble de champs différent selon le type d’enregistrement, utilisez Complet ou Compact.

Éditeur de mise en page personnalisée

### **Nombre de colonnes** Définissez la manière dont les champs d’enregistrement sont répartis dans le composant. Choisissez plusieurs colonnes pour une disposition 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. ### Paramètres supplémentaires **Nom de l’API** est un identifiant unique utilisé pour référencer le composant (3 à 30 caractères ; lettres, chiffres, underscores et tirets). **Mode** définit la manière dont l’enregistrement s’affiche (affichage ou modification), et **Variante** sélectionne son style visuel. Lorsque la modification est activée, **Libellé du bouton Enregistrer** et **Libellé du bouton Annuler** définissez le texte des boutons Enregistrer et Annuler de l’enregistrement. **Disposition des champs** s’étend **Nombre de colonnes** de manière responsive — définissez le nombre de colonnes par taille de conteneur (de très petite à grande). ## Style {% tabs %} {% tab title="Taille" %} Contrôle les dimensions du composant. {% endtab %} {% tab title="Marge" %} Contrôle l’espacement externe autour du composant. {% endtab %} {% tab title="Rembourrage" %} Contrôle l’espacement interne du composant. {% endtab %} {% endtabs %} ## Cas d'utilisation ### Exemple 1 : panneau de synthèse du compte {% @arcade/embed url="" flowId="4kdHqm6vhNkcnPUq42E7" %} Donnez un impact visuel immédiat à vos pages de compte en mettant en avant les informations les plus importantes dans un panneau de synthèse clair et facile à parcourir. Cette configuration récupère les champs clés directement depuis l’enregistrement du compte et les affiche dans un format compact, juste là où votre équipe en a besoin. *** #### **Ce que vous allez accomplir** * **Consultation plus rapide des comptes :** Les détails clés du compte sont immédiatement visibles sans ouvrir l’enregistrement complet * **Présentation cohérente :** Un panneau de synthèse structuré crée une expérience uniforme sur toutes les pages de compte *** #### **Avant de commencer** * **Composant carte de profil :** Utilisez éventuellement un composant carte de profil comme conteneur pour encadrer votre panneau de synthèse *** **Comment le configurer :** {% stepper %} {% step %} #### **Ajoutez le composant à votre page de liste de comptes** * Faites glisser le composant AX - Détail d’enregistrement dans Experience Builder sur la page de liste de comptes {% endstep %} {% step %} #### **Configurez la source de données** * Définissez le nom de l’objet sur `Compte` * Définissez l’ID d’enregistrement sur `{!Item.Id}` * Définissez la mise en page sur `Compact` {% endstep %} {% step %} #### **Vérifiez votre configuration** * Prévisualisez la page pour confirmer que le panneau de synthèse affiche les bons champs du compte {% endstep %} {% endstepper %} *** **Liens** *** ### Exemple 2 : afficher les détails du compte parent sur un cas {% @arcade/embed url="" flowId="vu4akvJvLUqRGJUTl8Bv" %} Donnez à 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 allez accomplir** * **Vue client à 360° :** Les agents voient directement sur le cas les détails pertinents du compte, offrant en un coup d’œil un contexte client complet * **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 de contexte *** #### **Avant de commencer** * **Pages d’objet Cas :** Assurez-vous d’avoir créé les pages de l’objet Cas, en particulier la page de détail du Cas, dans Experience Builder *** #### **Comment le configurer** {% stepper %} {% step %} #### **Ajoutez le composant à votre page de détail du Cas** * Faites glisser le composant AX - Détail d’enregistrement dans Experience Builder sur la page de détail du Cas {% endstep %} {% step %} #### **Configurez la source de données** * Définissez le nom de l’objet sur `Compte` * Définissez l’ID d’enregistrement sur `{!Item.AccountId}` * Définissez la 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, and the optional `goal` query parameter: ``` GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-fr/experience-components/ax-record-detail.md?ask=&goal= ``` `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.