Intégrer un portail personnalisé

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 2 minutes de lecture

    • Pour intégrer votre portail personnalisé afin de remplacer l'onglet Employee Center dans Microsoft Teams, configurez la propriété système. Le portail personnalisé s'affiche dans l'onglet Employee Center de Microsoft Teams.

    Avant de commencer

    Rôle requis : admin

    Si vous utilisez un portail personnalisé au lieu d'Employee Center, vous pouvez remplacer l'application Employee Center incorporée par celui-ci pour y accéder depuis Microsoft Teams. Les étapes suivantes vous guideront pour configurer l'intégration de votre portail.

    Procédure

    1. Dans le volet de navigation, saisissez sys_properties.list.
    2. Sous Nom, recherchez la propriété sn_now_teams.portal.suffix.
      Liste des propriétés système
    3. Cliquez sur sn_now_teams.portal.suffix.
    4. Dans le champ Valeur, fournissez la valeur de votre portail personnalisé.
      Valeur personnalisée
    5. Cliquez sur Mettre à jour.
    6. Créez un en-tête personnalisé pour le portail incorporé après avoir configuré votre portail personnalisé.
      1. Dans le volet Navigator (Navigateur), saisissez sys_response_header.list.
      2. Sélectionnez Nouveau.
      3. Renseignez les champs du formulaire En-tête de réponse HTTP.
        Tableau 1. En-tête de réponse HTTP : valeurs de portail personnalisées
        Champ Description
        Actif Case à cocher indiquant que cette configuration d'en-tête de réponse HTTP est active.
        Application Périmètre de l'application pour cet enregistrement.
        S'applique à Spécifier le type
        Type Service Portal [sp_portal]
        Enregistrement Option permettant de sélectionner l'enregistrement de votre portail personnalisé
        Nom Content-Security-Policy
        Valeur Frame-ancestors ‘self' https://teams.microsoft.com
        Description Description de l'en-tête de réponse HTTP
      4. Sélectionnez Envoyer.

        Pour plus d’informations sur l’ajout d’en-têtes, reportez-vous à Configurer les en-têtes de réponse HTTP.

    Masquer le bouton de messagerie instantanée sur le portail personnalisé

    Vous pouvez masquer l'option de messagerie instantanée qui s'affiche dans l'onglet Employee Center dans Microsoft Teams.

    Avant de commencer

    Rôle requis : admin

    Procédure

    1. Accédez à la Tous > Portail de services > CSS.
      Liste CSS
    2. Cliquez sur votre CSS personnalisé.
    3. Cliquez ici pour modifier le CSS.
      Modifier CSS
    4. Personnalisez le code suivant comme il vous convient et collez-le dans le CSS. 
      /* Embedded portal */

The code shared to disable chat button is an example. You need to customize as required to disable chat button.

.embedded-experience .sp-ac-btn {
        display: none;
      }
    5. Cliquez sur Mettre à jour.
    6. Actualisez l'onglet du portail personnalisé dans Microsoft Teams.

    Masquer le bouton de déconnexion sur le portail personnalisé

    Vous pouvez masquer l'option de déconnexion qui s'affiche dans l'onglet Employee Center dans Microsoft Teams.

    Avant de commencer

    Rôle requis : admin

    Procédure

    1. Accédez à la Tous > Portail de services > CSS.
      Liste CSS
    2. Cliquez sur votre CSS personnalisé.
    3. Cliquez ici pour modifier le CSS.
      Modifier CSS
    4. Pour désactiver le bouton de déconnexion de l'application de bureau Microsoft Teams :

      Personnalisez le code suivant comme il vous convient et collez-le dans le CSS.

      /* Embedded portal */

/*The code shared to disable the logout button is an example. You need to customize as required to disable logout button.*/

.embedded-experience .avatar-drop-down .header-menu-item:last-child {
        display: none;
      }
    5. Pour désactiver le bouton de déconnexion de l'application mobile Microsoft Teams :

      Personnalisez le code suivant comme il vous convient et collez-le dans le CSS.

      
/* Embedded portal */

/*The code shared to disable logout button is an example. You need to customize as required to disable logout button.*/

.embedded-experience .impersonate-and-logout {
          div > ul > li:last-child {
            display: none !important;
         }
      }
    6. Cliquez sur Mettre à jour.
    7. Actualisez l'onglet du portail personnalisé dans Microsoft Teams.