---
sourceDocument: Configuration et navigation mobiles Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - fr-FR

ft:publication_title :

    - Configuration et navigation mobiles Yokohama

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - evelopment, Data and Analytics


---

# Configurer la barre de navigation et les onglets de navigation

# Configurer la barre de navigation et les onglets de navigation {#ariaid-title1}

* Rversion finale: Yokohama
* 
* Mis à jour 30 janv. 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 6 minutes de lecture

Configurez la barre de navigation qui s'affiche en bas de l'application mobile. Utilisez les onglets de la barre de navigation pour accéder aux écrans, aux écrans de lanceur, ainsi qu'aux enregistrements enregistrés, aux paramètres et aux pages de notification.

## Avant de commencer

Rôle requis : admin

## Pourquoi et quand exécuter cette tâche

Ajoutez une barre de navigation à votre application mobile et ajoutez différents types d'onglets de navigation pertinents pour les besoins de vos utilisateurs. Vous pouvez choisir des onglets préconfigurés ou créer un onglet basé sur un modèle existant. Il existe des configurations légèrement différentes pour l'écran du lanceur et les onglets d'écran par rapport aux onglets Enregistré, Notifications et Paramètres.

Les onglets de navigation de l'écran et de l'écran du lanceur peuvent également contenir un nombre de badges. Ce badge est un numéro qui s'affiche à côté de l'onglet de navigation, selon des conditions définies. Par exemple, le nombre de badges peut afficher des informations telles que le nombre d'enregistrements dans une liste ou d'enregistrements dans une section d'enregistrement.  
Voici un bref résumé de chacun des types d'onglets de navigation :

* Lanceur : utilisez cette option pour accéder à un écran de lanceur.
* Écran : utilisez cette option pour accéder à un écran qui affiche les données d'enregistrement ou les sections de l'interface utilisateur.
* Enregistré : cette option ouvre une page affichant les enregistrements enregistrés par l'utilisateur.
* Notifications : cette option ouvre la page Notifications affichant les notifications liées à l'utilisateur dans l'expérience de l'application mobile.
* Paramètres : cette option ouvre la page Paramètres dans laquelle l'utilisateur contrôle son expérience mobile.
{#config-sg-application-menu__ul_tvx_4x2_ccc}  
Remarque :  
Votre barre de navigation ne doit contenir qu'un seul des types d'onglets suivants, Enregistré, Notifications et Paramètres. Pour plus d'informations, reportez-vous à la section Directives générales relatives à la barre de navigation de la rubrique [Barre de navigation](https://servicenow-prod.fluidtopics.net/21BDQkWejH62XZ4nHkuE7g "Utilisez la barre de navigation de vos applications mobiles pour accéder aux écrans de lanceur, aux écrans, aux paramètres et aux notifications.").

## Procédure

1. Accédez à TousMobile systèmeGénérateur d'application mobile.  
   Il s'ouvre Générateur d'apps mobiles dans un nouvel onglet de navigateur et affiche l'écran de sélection du périmètre de l'application.
2. Recherchez le périmètre de l'application dans lequel vous travaillez, puis sélectionnez son nom.  
   L'écran Générateur d'apps mobiles d'accueil des catégories s'affiche.
3. Sélectionnez Tous les enregistrements mobiles dans le menu.
4. Dans le champ Type d'enregistrement, sélectionnez Barre de navigation \[sys_sg_navigation\], puis Nouveau.
5. Entrez un nom pour votre barre de navigation.
6. Sélectionnez ou créez des types d'onglets de navigation à ajouter à votre barre de navigation.

   | Méthode pour ajouter des onglets de navigation | Procédure |
   | Sélectionnez les onglets de navigation existants | 1. Sélectionnez Choisir dans la section Onglets de navigation. 2. Sélectionnez un onglet de navigation, puis sélectionnez Appliquer. 3. Répétez les étapes a. et b. pour chaque onglet de navigation que vous souhaitez ajouter. 4. Sélectionnez Enregistrer. {#config-sg-application-menu__ol_m14_4z2_ccc} |
   | Créez un type d'onglet de navigation Enregistré, Notifications ou Paramètres | 1. Sélectionnez Nouveau dans la section Onglets de navigation. 2. Sélectionnez le type d'onglet Enregistré, Notifications ou Paramètres, puis sélectionnez Continuer. 3. Dans l'écran du nouvel onglet de l'option que vous avez sélectionnée, procédez comme suit. 1. Saisissez un nom pour l'onglet dans le champ Étiquette . 2. Sélectionnez si l'onglet doit s'afficher dans la barre de navigation, à l'aide du bouton bascule Actif . 3. Dans le champ Icône, choisissez de choisir une icône existante ou de créer une icône pour votre onglet de navigation. Soit effectuez l'une des actions suivantes. 1. Sélectionnez Choisir, puis choisissez une icône et sélectionnez Appliquer. 2. Sélectionnez Nouveau pour afficher le formulaire Nouvelle icône, puis procédez comme suit : 1. Entrez un nom pour l'icône. 2. Dans le champ Type , sélectionnez <kbd class="ph userinput">Image</kbd>. 3. Dans la section Définir l'apparence, dans le champ Style , saisissez <kbd class="ph userinput">Nom</kbd>. 4. Dans la section Définir l'apparence, dans le champ Valeur , entrez le nom d'une icône d'image. Pour obtenir la liste des noms d'icônes d'images, reportez-vous à la section [Icônes d'images](https://servicenow-prod.fluidtopics.net/XZTKlsjjs5IbIEfAUt6sEw "Utilisez les icônes d’image dans les barres de navigation et les barres d’onglets. Les icônes d’image ne sont pas des icônes de type police."). {#config-sg-application-menu__ol_rhn_ccf_ccc} {#config-sg-application-menu__ol_nmn_pbf_ccc} {#config-sg-application-menu__ol_en1_4bf_ccc} 4. Sélectionnez Enregistrer. {#config-sg-application-menu__ol_msb_11f_ccc} |
   | Créer un lanceur ou un type d'onglet de navigation d'écran | 1. Sélectionnez Nouveau dans la section Onglets de navigation. 2. Sélectionnez le type d'onglet Launcher (Lanceur) ou Screen ( Écran), puis sélectionnez Continue (Continuer). 3. Dans l'écran du nouvel onglet de l'option que vous avez sélectionnée, procédez comme suit. 1. Saisissez un nom pour l'onglet dans le champ Étiquette . 2. Sélectionnez si l'onglet doit s'afficher dans la barre de navigation, à l'aide du bouton bascule Actif . 3. Selon que vous avez sélectionné les types d'onglets de lanceur ou de navigation d'écran, effectuez l'une des actions suivantes. * Si vous avez sélectionné Lanceur, dans la zone Lanceur, sélectionnez Choisir, sélectionnez un écran de lanceur, puis sélectionnez Appliquer. Vous pouvez également sélectionner Nouveau pour créer un écran de lanceur. Il s'agit de l'écran de lancement vers lequel les utilisateurs sont dirigés lorsqu'ils appuient sur cet onglet de navigation. Pour plus d'informations sur la création d'un écran de lanceur, reportez-vous à la section [Créer un écran de lanceur](https://servicenow-prod.fluidtopics.net/JRY835N43AVzsiYYxY~2NA "Utilisez des écrans de lanceur dans une disposition de tableau de bord, pour permettre aux utilisateurs d’accéder aux types d’écran mobiles que vous avez sélectionnés."). * Si vous avez sélectionné Écran, dans la zone Écran, sélectionnez Choisir, sélectionnez un écran, puis sélectionnez Appliquer. Il s'agit de l'écran vers lequel les utilisateurs sont dirigés lorsqu'ils appuient sur cet onglet de navigation. {#config-sg-application-menu__ul_lr5_1ff_ccc} 4. Dans le champ Icône, choisissez de choisir une icône existante ou de créer une icône. Soit effectuez l'une des actions suivantes. * Sélectionnez Choisir, puis choisissez une icône et sélectionnez Appliquer. * Sélectionnez Nouveau pour afficher le formulaire Nouvelle icône, puis procédez comme suit : 1. Entrez un nom pour l'icône. 2. Dans la liste Type , sélectionnez <kbd class="ph userinput">Image</kbd>. 3. Dans la section Définir l'apparence, dans le champ Style , saisissez <kbd class="ph userinput">Nom</kbd>. 4. Dans la section Définir l'apparence, dans le champ Valeur , entrez le nom d'une icône d'image. Pour obtenir la liste des noms d'icônes d'images, reportez-vous à la section [Icônes d'images](https://servicenow-prod.fluidtopics.net/XZTKlsjjs5IbIEfAUt6sEw "Utilisez les icônes d’image dans les barres de navigation et les barres d’onglets. Les icônes d’image ne sont pas des icônes de type police."). 5. Sélectionnez Enregistrer. {#config-sg-application-menu__ol_hhs_kn3_dcc} {#config-sg-application-menu__ul_rcp_jn3_dcc} 5. Ajoutez un nombre de badges pour indiquer le nombre d'enregistrements qui attendent l'attention de vos utilisateurs pour cet onglet. 1. Sélectionnez Nouveau dans la section Nombre de badges. 2. Entrez un nom pour le décompte de badges dans le champ Nom . 3. Sélectionnez si le badge doit s'afficher dans l'onglet de navigation, à l'aide du bouton bascule Actif . 4. Dans la section Data, sélectionnez la table à laquelle vous souhaitez appliquer votre filtre de condition. 5. Dans la section Conditions, créez les conditions utilisées pour compter les enregistrements qui correspondent à la condition afin de déterminer le nombre de badges. Les enregistrements qui correspondent à la condition s'affichent sous forme de nombre dans l'onglet de navigation. Pour plus d'informations sur la configuration du décompte de badges dans l'interface utilisateur Web, reportez-vous à la section [Configurer le nombre de badges dans les barres de navigation](https://servicenow-prod.fluidtopics.net/rBEC4b3biPFKxs0TUfeclw "Configurez les onglets de l’écran du lanceur de la barre de navigation et les onglets de l’écran pour afficher le nombre de badges. Ces décomptes de badges indiquent combien de lignes de la table Nombre de badges [sys_sg_badge_count] correspondent à une condition que vous pouvez configurer. Par exemple, le nombre de commandes de travaux qui attendent votre attention ou le nombre de messages nouveaux ou non lus Barre latérale qui ont été reçus."). 6. Dans la section Positionnement de badge, les champs Emplacement, Composant mobile et Composant contiennent tous des valeurs prédéfinies. 7. Sélectionnez Enregistrer. {#config-sg-application-menu__ol_k5p_33f_ccc} 6. Ajoutez des autorisations de critères d'utilisateur pour déterminer les critères qu'un utilisateur doit respecter afin d'afficher cet onglet dans sa barre de navigation. Pour plus d'informations, reportez-vous à .[Rôles d'utilisateur et autorisations des critères d'utilisateur pour les applications mobiles](https://servicenow-prod.fluidtopics.net/ggJDlv76iYtSBbfL3JzelQ "Les rôles d’utilisateur et les autorisations de critères d’utilisateur sont des mécanismes de contrôle d’accès qui vous permettent de définir des rôles ou de segmenter les utilisateurs en groupes au sein de la plateforme mobile. Avec ces autorisations, vous pouvez afficher ou masquer différents composants de votre application mobile à des individus ou à des groupes.") {#config-sg-application-menu__ol_sl5_ndf_ccc} 4. Sélectionnez Enregistrer. {#config-sg-application-menu__ol_rl5_ndf_ccc} |
   |-|-|

   {#config-sg-application-menu__choicetable_opn_3z2_ccc}
7. Sélectionnez Enregistrer.
8. Sélectionnez l'enregistrement Navigation bar (Barre de navigation) dans l'arborescence de navigation pour afficher les onglets de navigation que vous avez sélectionnés.
9. Définissez l'ordre des onglets de navigation à afficher dans la barre de navigation, en procédant comme suit.  
   1. Sélectionnez la valeur de la colonne Ordre de l'onglet de navigation que vous souhaitez définir.
   2. Saisissez une valeur d'ordre.  
      Remarque :  
      Les onglets de navigation avec les valeurs inférieures s'affichent à gauche de la barre de navigation.
   3. Sélectionner l'option de vérification
   4. Répétez ces étapes pour chacun des onglets de navigation que vous souhaitez classer.
   {#config-sg-application-menu__ol_jsd_4jf_ccc}
10. Sélectionnez Enregistrer.

