Benutzerdefiniertes Portal einbetten

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 2 Minuten Lesedauer

    • Betten Sie durch die Konfiguration der Systemeigenschaft ein benutzerdefiniertes Portal ein, um die Registerkarte „Employee Center“ in Microsoft Teams zu ersetzen. Das benutzerdefinierte Portal wird in Microsoft Teams auf der Registerkarte „Employee Center“ angezeigt.

    Vorbereitungen

    Erforderliche Rolle: Administrator

    Wenn Sie ein anwenderdefiniertes Portal anstelle des Mitarbeiter-Centers verwenden, können Sie das eingebettete Mitarbeiter-Center durch Ihr anwenderdefiniertes Portal ersetzen, damit Sie in Microsoft Teamsdarauf zugreifen können. Die folgenden Schritte führen Sie durch die Konfiguration zum Einbetten Ihres Portals.

    Prozedur

    1. Geben Sie im Navigationsbereich sys_properties.list ein.
    2. Suchen Sie unter „Name“ nach der Eigenschaft sn_now_teams.portal.suffix.
      Liste der Systemeigenschaften
    3. Wählen Sie sn_now_teams.portal.suffixaus.
    4. Geben Sie den Wert Ihres anwenderdefinierten Portals im Feld Wert ein.
      Benutzerdefinierter Wert
    5. Wählen Sie Aktualisieren.
    6. Erstellen Sie einen anwenderdefinierten Header für das eingebettete Portal, nachdem Sie Ihr anwenderdefiniertes Portal konfiguriert haben.

      Weitere Informationen zum Hinzufügen der Headerkonfiguration finden Sie unter HTTP-Antwortheader konfigurieren.

      1. Geben Sie im Navigatorbereich sys_response_header.listein.
      2. Wählen Sie Neu.
      3. Füllen Sie im Formular „HTTP-Antwort-Header“ die folgenden Felder entsprechend Ihren Anforderungen aus.
        • Aktiv
        • Anwendung
        • Datensatz
        • Beschreibung
      4. Geben Sie die folgenden Feldwerte ein.
        Tabelle : 1. Feldwerte für das Formular „HTTP-Antwort-Header“.
        Feld Wert
        Betrifft Geben Sie den Typ an.
        Typ Service Portal [sp_portal]
        Name Content-Security-Policy
        Wert Frame-Vorgängerelemente „self“ https://teams.microsoft.com
        Wichtig:

        Um das anwenderdefinierte Portal in allen Microsoft 365 -Apps zu aktivieren, fügen Sie dem Feld Wert die folgenden Domänen hinzu.

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

        Beispiel: Frame-Vorgängerelemente „self“ https://teams.microsoft.com *.office.com *.office365.com *.microsoft365.com *.cloud.microsoft
      5. Wählen Sie Absenden.

    Blenden Sie die Chat-Schaltfläche im anwenderdefinierten Portal aus

    Sie können die Chatoption für das benutzerdefinierte Portal ausblenden, das auf der Registerkarte „Employee Center“ in Microsoft Teams angezeigt wird.

    Vorbereitungen

    Achten Sie darauf, die Systemeigenschaft com.glide.cs.advanced-chat-popover auf „false“ zu setzen.

    Erforderliche Rolle: Administrator

    Prozedur

    1. Navigieren zu Alle > Serviceportal > CSS.
      CSS-Liste
    2. Wählen Sie das anwenderdefinierte CSS aus, das Sie bearbeiten möchten.
    3. Wählen Sie den Link Hier klicken aus, um das CSS zu bearbeiten.
      CSS bearbeiten
    4. Fügen Sie den folgenden Code in das CSS- Feld ein.
      Hinweis:
      Im folgenden Codebeispiel gibt das Element .embedded-experience .sp-ac-btn die Chat-Schaltfläche und die Anzeige an: keine; Durch die Eigenschaft wird die Schaltfläche ausgeblendet. Sie können den Code entsprechend Ihren Anforderungen anpassen.
      /* Embedded portal */

.embedded-experience .sp-ac-btn {
        display: none;
      }
    5. Wählen Sie Aktualisieren.
    6. Aktualisieren Sie die Registerkarte mit dem benutzerdefinierten Portal in Microsoft Teams.

    Blenden Sie die Schaltfläche „Abmelden“ im anwenderdefinierten Portal aus

    Sie können die Abmeldeoption für das benutzerdefinierte Portal ausblenden, das auf der Registerkarte „Employee Center“ in Microsoft Teams angezeigt wird.

    Vorbereitungen

    Erforderliche Rolle: Administrator

    Prozedur

    1. Navigieren zu Alle > Serviceportal > CSS.
      CSS-Liste
    2. Klicken Sie auf Ihr benutzerdefiniertes CSS.
    3. Klicken Sie hier, um das CSS zu bearbeiten.
      CSS bearbeiten
    4. So deaktivieren Sie die Abmeldeschaltfläche in der Microsoft Teams-Desktopanwendung.

      Passen Sie den folgenden Code nach Bedarf an, und fügen Sie ihn in das CSS ein.

      /* 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. So deaktivieren Sie die Abmeldeschaltfläche in der mobilen Microsoft Teams-Anwendung.

      Passen Sie den folgenden Code nach Bedarf an, und fügen Sie ihn in das CSS ein.

      
/* 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. Klicken Sie auf Aktualisieren.
    7. Aktualisieren Sie die Registerkarte mit dem benutzerdefinierten Portal in Microsoft Teams.