Navigation verticale

Aperçu

Le Navigation verticale Avonni le composant fournit un moyen clair et intuitif de présenter des liens de navigation ou des éléments de menu verticalement, idéal pour une gestion efficace de l'espace et une navigation conviviale dans les applications Salesforce.

Sélectionnez le composant de navigation verticale sur la zone de travail pour accéder à ses propriétés dans le panneau Propriétés (panneau de droite).

Propriétés de base

Nom API : (Texte) Un identifiant unique pour cette instance de composant (par ex., MainVerticalNav).
Compact : (Booléen - Case à cocher) Si activé, la navigation s'affiche dans un format condensé adapté aux espaces verticaux restreints.
Ombre : (Booléen - Case à cocher) Si activé, l'arrière-plan de la navigation passe du blanc à une nuance gris clair subtile, améliorant la distinction visuelle.

Source de données

Déterminez comment les éléments de navigation sont alimentés :

Manuel :
- Saisissez les éléments de navigation directement dans la configuration du composant.
Requête :
- Peupler dynamiquement les éléments de navigation à partir des enregistrements Salesforce en utilisant des requêtes SOQL.
Liste de sélection :
- Récupérer et afficher automatiquement les éléments de navigation à partir des valeurs de liste de sélection standard ou personnalisées de Salesforce.

Mappages de données

Lors de l'utilisation d'une Requête source de données pour votre composant de navigation verticale, Mappages de données vous permettent de définir comment les valeurs des champs Salesforce doivent remplir les propriétés visuelles et fonctionnelles de chaque élément de navigation.

Les mappages de données sont essentiels pour transformer les données brutes de Salesforce en un menu de navigation structuré et convivial. Ils vous permettent de connecter des champs spécifiques de vos données aux attributs d'affichage et de comportement du composant, en veillant à ce que chaque élément de navigation soit informatif contextuellement, visuellement distinct et interactif de manière conditionnelle :

Étiquette : Le texte principal affiché pour chaque élément de navigation.
Avatar : URL ou lien de ressource vers une image d'avatar ou d'icône affichée à côté des éléments de navigation.
Étiquette : Libellé texte ou tag affiché comme métadonnée secondaire.
Désactivé : Champ booléen indiquant si un élément de navigation doit être sélectionnable.
Masqué : Champ booléen spécifiant si un élément de navigation doit être visible.

Remarque : Lors de l'utilisation d'une source de données manuelle, ces attributs doivent être fournis manuellement pour chaque élément de navigation.

Activer la valeur de l'onglet

Le Activer la valeur de l'onglet le paramètre vous permet de définir quel élément de navigation doit être actif (c.-à-d. visuellement sélectionné) par défaut au chargement du composant. Cela garantit que les utilisateurs commencent avec une section spécifique pré-sélectionnée, améliorant l'orientation et le contexte au sein de votre application.

Vous pouvez définir la valeur de l'onglet actif de deux manières :

Source de données manuelle: Lors de l'utilisation d'éléments de navigation saisis manuellement, l'élément actif est déterminé en faisant correspondre la valeur saisie dans le Activer la valeur de l'onglet champ avec l' valeur attribut de l'un des éléments de navigation. Pour activer un élément par défaut, assurez-vous que son valeur correspond exactement à ce que vous fournissez dans le paramètre Activer la valeur de l'onglet.

Source de données dynamique (requête ou liste de sélection): Vous pouvez lier la valeur de l'onglet actif à un champ ou une variable, lui permettant de changer dynamiquement à l'exécution. Cela est utile pour des scénarios sensibles au contexte, comme la sélection d'un élément en fonction d'un ID d'enregistrement ou d'une saisie utilisateur.

En définissant l'onglet actif, vous pouvez offrir une expérience de navigation plus ciblée et pertinente aux utilisateurs dès le chargement du composant.

Paramètres d'affichage

Ces paramètres contrôlent la présentation visuelle et la mise en page de votre navigation verticale :

Compact : Idéal pour économiser de l'espace lorsque la hauteur d'écran verticale est limitée.
Ombre : Ajoute une couleur d'arrière-plan subtile pour différencier clairement la navigation du contenu environnant.

Interactions

Le Navigation verticale le composant vous permet de définir des interactions personnalisées qui répondent aux clics des utilisateurs sur les éléments de navigation. Ces interactions transforment un simple menu en un puissant mécanisme de contrôle pour piloter la logique de la page, l'automatisation et les flux utilisateurs.

Au clic sur un élément

Vous pouvez configurer des actions à déclencher lorsqu'un utilisateur sélectionne un élément de navigation. Celles-ci incluent :

Naviguer: Rediriger l'utilisateur vers une page de détails d'enregistrement, une page personnalisée ou une URL externe.
Exécuter Flow: Lancer un Flow Salesforce, en utilisant les données de l'élément sélectionné comme paramètres d'entrée.
Afficher Toast: Afficher une notification ou un message de confirmation lorsqu'un élément est cliqué.

Alternative aux interactions : visibilité conditionnelle des composants

En plus d'utiliser des interactions, vous pouvez contrôler la visibilité d'autres composants sur la page en fonction de l'élément sélectionné dans la navigation verticale. En configurant règles de visibilité des composants, vous pouvez faire apparaître un composant uniquement lorsqu'un élément spécifique (par valeur) est sélectionné — sans avoir besoin de définir une interaction. Ceci est utile pour construire des mises en page contextuelles où le contenu affiché s'adapte au choix de navigation de l'utilisateur.

Ensemble, ces options vous offrent la flexibilité nécessaire pour créer des interfaces dynamiques, personnalisées et réactives en utilisant le composant de navigation verticale.

Scénario : Afficher dynamiquement des éléments de navigation représentant des opportunités Salesforce.

Étapes de configuration :

Créer la requête :
- Sélectionnez Opportunity comme objet principal.
- Appliquez les filtres nécessaires pour affiner les données.
Configurer les mappages de données :
- Libellé : Mapper sur le champ Nom de l'opportunité .
- Avatar : Mapper sur une URL d'image ou une ressource statique si souhaité.
- Étiquette : Mapper sur un champ de statut ou de type.
- Désactivé/Masqué : Mapper sur des champs booléens ou des conditions basées sur la logique métier.
Activer la valeur de l'onglet :
- Définir dynamiquement en fonction des conditions de l'Opportunity, par exemple en sélectionnant le premier enregistrement comme actif par défaut.

Désormais, la navigation verticale remplit dynamiquement les enregistrements Opportunity en tant qu'éléments de navigation, indiquant clairement le statut et offrant une expérience de navigation interactive et compacte

Mis à jour il y a 5 mois

Ce contenu vous a-t-il été utile ?

Bonjour