Comment colorer les badges

Aperçu

Dans ce tutoriel, nous personnaliserons l'apparence du StageName champ dans notre Avonni Data Table. Nous modifierons les couleurs de fond des StageName valeurs pour les rendre visuellement distinctes, améliorant la lisibilité et la visualisation des données.

Tutoriel guidé

. Créer un champ de formule

• Accédez au Gestionnaire d'objets dans la configuration Salesforce.

• Trouvez et sélectionnez l'objet où vous souhaitez créer la formule, par ex., Opportunity.

• Cliquez sur «Champs et relations» puis sur «Nouveau champ».

• Choisissez «Formule» comme type de données et continuez.

Saisissez la formule suivante :

Copier

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

Explication de la formule :

Cette formule vérifie le champ "StageName". S'il est "Closed Won", la formule renvoie "success" (badge vert). S'il est "Closed Lost", elle renvoie "error" (badge rouge). Elle renvoie "base" (badge gris) pour tous les autres étapes.

Le Lightning Design System prédéfinit les couleurs des badges et ne peut pas être personnalisé. Les options disponibles sont :

• base : Gris (par défaut)

• brand : Bleu

• inverse : Blanc

• alt-inverse : Transparent avec une bordure foncée

• success : Vert

• info : Gris foncé

• error : Rouge

• warning : Jaune

• offline : Noir

2. Ajouter le composant Avonni Data Table

• Ouvrez l'élément d'écran où vous souhaitez ajouter le composant Avonni Data Table.

3. Personnaliser la table de données

• Lorsque le composant Avonni Data Table est sélectionné, ouvrez le générateur de composants.

• Cela vous permettra de personnaliser visuellement la table de données selon vos besoins.

4. Configurer la source de données

• Dans le générateur de composants, allez à la section « Source de données ».

• Configurez la source de données pour pointer vers l'objet contenant votre champ de formule, par ex., Opportunity.

Si vous utilisez la source de données Variable, configurez d'abord l'élément 'Get Records'. Cette étape est cruciale pour garantir que Salesforce récupère toutes les informations nécessaires depuis votre objet.

• Assurez-vous que la source de données est correctement configurée pour extraire les enregistrements nécessaires.

5. Ajouter la colonne Badge

• Accédez à la section "Colonnes", puis cliquez et faites glisser les colonnes souhaitées dans la zone Avonni Data Table depuis le panneau de gauche. Assurez-vous d'inclure la colonne qui affichera le badge.

• Cliquez sur la colonne où le badge doit être affiché.

• Pour le type, sélectionnez Badge.

• Concernant la section Attribut Type

  • Activez l'interrupteur du nom de champ

  • Sélectionnez le champ de formule créé à l'étape 1.

C'est tout ! Votre table de données affichera désormais des badges colorés en fonction de l'étape de chaque opportunité.

Conclusion

Désormais, votre Avonni Data Table devrait afficher le StageName statut avec un badge coloré en fonction de la condition spécifiée dans le champ de formule. Les étapes « Closed Won » afficheront un badge vert, les étapes « Closed Lost » afficheront un badge rouge, et toutes les autres étapes afficheront un badge neutre. Cette personnalisation permet une représentation visuelle plus intuitive de vos données.

Ces étapes vous montrent comment ajouter des badges colorés à votre table de données Salesforce. Tout d'abord, vous créerez une formule qui attribue différentes couleurs en fonction de l'étape d'une opportunité (comme « Closed Won » ou « Closed Lost »). Ensuite, vous ajouterez une table de données à votre écran Salesforce et la configurerez pour afficher vos données d'opportunité. Enfin, vous sélectionnerez l'option badge pour la colonne contenant votre formule afin que ces badges colorés apparaissent dans votre tableau.

1

Créer un champ de formule

• Accédez au Gestionnaire d'objets dans la configuration Salesforce.

• Trouvez et sélectionnez l'objet où vous souhaitez créer la formule, par ex., Opportunity.

• Cliquez sur «Champs et relations» puis sur «Nouveau champ».

• Choisissez «Formule» comme type de données et continuez.

• Saisissez la formule, similaire à celle-ci (adaptez la formule à vos besoins spécifiques)

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

2

Ajouter le composant Avonni Data Table

Faites glisser l'Avonni Tableau de données dans votre mise en page de composant dynamique. Sélectionnez-le, puis configurez son Source de données en utilisant un Avonni Query pour récupérer les enregistrements et champs Salesforce nécessaires. Après avoir configuré la requête, allez dans la Colonnes section du panneau Propriétés pour ajouter des colonnes, les mapper aux Champs source de votre requête, et ajuster leurs paramètres.

3

Ajouter la colonne Badge

• Cliquez sur le bouton "Ajouter des colonnes", puis sélectionnez le champ que vous souhaitez afficher dans cette colonne..

• Cliquez sur la colonne où le badge doit être affiché.

• Pour le type, sélectionnez Badge.

• Concernant la section Attribut Type

  • Activez l'interrupteur du nom de champ

  • Sélectionnez le champ de formule créé à l'étape 1.

C'est tout ! Votre table de données affichera désormais des badges colorés en fonction de l'étape de chaque opportunité.

Conclusion

Désormais, votre Avonni Data Table devrait afficher le StageName statut avec un badge coloré en fonction de la condition spécifiée dans le champ de formule. Les étapes « Closed Won » afficheront un badge vert, les étapes « Closed Lost » afficheront un badge rouge, et toutes les autres étapes afficheront un badge neutre. Cette personnalisation permet une représentation visuelle plus intuitive de vos données.