Configurer la barre de navigation et les onglets de navigation

  • Rversion finale: Zurich
  • Mis à jour 31 juil. 2025
  • 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és, de notifications et de 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, en fonction 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 où l’utilisateur contrôle son expérience mobile.
    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 dans la rubrique Barre de navigation.

    Procédure

    1. Accédez à la Tout > Mobile système > Mobile App Builder.
      Générateur d'apps mobiles s'ouvre dans un onglet de navigateur séparé 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 le nom du périmètre de l'application.
      L'écran d'accueil des catégories Générateur d'apps mobiles s'affiche.
    3. Sélectionnez Tous les enregistrements Mobile dans le menu.
    4. Dans le champ Type d’enregistrement, sélectionnez Barre de navigation [sys_sg_navigation], puis Nouveau.
    5. Attribuez un nom à 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 navigationProcédure
      Sélectionner des 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.
      Créer 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 le nouvel écran d’onglet de l’option que vous avez sélectionnée, procédez comme suit.
        1. Attribuez un nom à 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. L’une ou l’autre des options suivantes est effectuée.
          1. Sélectionnez Choisir, puis choisissez une icône, puis 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 Image.
            3. Dans la section Définir l’apparence, dans le champ Style , saisissez Nom.
            4. Dans la section Définir l’apparence, dans le champ Valeur , saisissez 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.
      4. Sélectionnez Enregistrer.
      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 Lanceur ou Écran, puis sélectionnez Continuer.
      3. Dans le nouvel écran d’onglet de l’option que vous avez sélectionnée, procédez comme suit.
        1. Attribuez un nom à 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 lancement ou de navigation à l’é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 lanceur 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.
          • 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.
        4. Dans le champ Icône, choisissez de choisir une icône existante ou de créer une icône. L’une ou l’autre des options suivantes est effectuée.
          • Sélectionnez Choisir, puis choisissez une icône, puis 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 Image.
            3. Dans la section Définir l’apparence, dans le champ Style , saisissez Nom.
            4. Dans la section Définir l’apparence, dans le champ Valeur , saisissez 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.
            5. Sélectionnez Enregistrer.
        5. Ajoutez un décompte 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 nombre 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 Données, 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 sont affichés sous forme de nombre dans l’onglet de navigation. Pour plus d’informations sur la configuration du nombre de badges dans l’interface utilisateur Web, reportez-vous à la section Configurer le nombre de badges sur les barres de navigation.
          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.
        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 en savoir plus, reportez-vous à Autorisations des rôles d’utilisateur et des critères d’utilisateur pour les applications mobiles.
      4. Sélectionnez Enregistrer.
    7. Sélectionnez Enregistrer.
    8. Sélectionnez l’enregistrement de la 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. Entrez 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 organiser.
    10. Sélectionnez Enregistrer.