Intégrer un portail personnalisé

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 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é plutôt que le Centre des employés, vous pouvez remplacer le Centre des employés incorporé par votre portail personnalisé, afin qu’il soit accessible dans 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. Sélectionnez sn_now_teams.portal.suffix.
    4. Saisissez la valeur de votre portail personnalisé dans le champ Valeur .
      Valeur personnalisée
    5. Sélectionnez Mettre à jour.
    6. Créez un en-tête personnalisé pour le portail incorporé après avoir configuré votre portail personnalisé.

      Pour plus d’informations sur l’ajout d’une configuration d’en-tête, consultez Configurer les en-têtes de réponse HTTP.

      1. Dans le volet Navigateur, saisissez sys_response_header.list.
      2. Sélectionnez Nouveau.
      3. Renseignez les champs suivants du formulaire En-tête de réponse HTTP en fonction de vos besoins.
        • Actif
        • Demande
        • Enregistrement
        • Description
      4. Entrez les valeurs de champ suivantes.
        Tableau 1. Valeurs de champ du formulaire En-tête de réponse HTTP
        Champ Valeur
        Concerne Spécifier le type
        Type Service Portal [sp_portal]
        Nom Content-Security-Policy
        Valeur Les ancêtres du cadre « self » https://teams.microsoft.com
        Important :

        Pour activer le portail personnalisé dans toutes les Microsoft 365 applications, ajoutez les domaines suivants au champ Valeur.

        • *.office.com
        • *.office365.com
        • *.microsoft365.com
        • *.cloud.microsoft

        Par exemple : Frame-ancestors 'self' https://teams.microsoft.com *.office.com *.office365.com *.microsoft365.com *.cloud.microsoft
      5. Sélectionnez Soumettre.

    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

    Assurez-vous de définir la com.glide.cs.advanced-chat-popover propriété système sur false.

    Rôle requis : admin

    Procédure

    1. Accédez à la Tout > Portail de services > CSS.
      Liste CSS
    2. Sélectionnez le CSS personnalisé que vous souhaitez modifier.
    3. Sélectionnez le lien cliquer ici pour modifier le CSS.
      Modifier CSS
    4. Collez le code suivant dans le champ CSS .
      Remarque :
      Dans l’exemple de code suivant, l’élément .embedded-experience .sp-ac-btn spécifie le bouton de messagerie instantanée et la propriété display : none ; masque le bouton. Vous pouvez personnaliser le code en fonction de vos besoins.
      /* Embedded portal */

.embedded-experience .sp-ac-btn {
        display: none;
      }
    5. Sélectionnez 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 Tout > 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.