Embed a custom portal

Embed your custom portal to replace the Employee Center tab in Microsoft Teams by configuring the system property. The custom portal shows up in the Employee Center tab in Microsoft Teams.

Before you begin

Role required: admin

If you’re using a custom portal rather than the Employee Center, you can replace the embedded Employee Center with your custom portal, so that it’s accessible within Microsoft Teams. The following steps take you through the configuration to embed your portal.

Procedure

1. In the navigation pane, enter sys_properties.list.

2. Search for sn_now_teams.portal.suffix property under Name.

1. Select sn_now_teams.portal.suffix.

2. Enter the value of your custom portal in the Value field.

1. Select Update.

2. Create a custom header for the embedded portal after you configure your custom portal.

   For more information on adding header configuration, see Configure HTTP response headers.

   1. In the Navigator pane, type sys_response_header.list.

   2. Select New.

   3. On the HTTP Response Header form, fill in the following fields based on your requirement.

      • Active
      • Application
      • Record
      • Description
        1. Enter the following field values.

5.  Select **Submit**.

Parent Topic:Configuring Employee Center

Hide the chat button on the custom portal

You can hide the chat option for your custom portal that appears in the Employee Center tab within Microsoft Teams.

Before you begin

Ensure that you set the com.glide.cs.advanced-chat-popover system property to false.

Role required: admin

Procedure

1. Navigate to All > Service Portal > CSS.

1. Select the custom CSS that you want to edit.

2. Select the click here link to edit the CSS.

1. Paste the following code in the CSS field.

   Note: In the following code example, the .embedded-experience .sp-ac-btn element specifies the chat button and the display: none; property hides the button. You can customize the code based on your requirement.

   /* Embedded portal */
   
   .embedded-experience .sp-ac-btn {
           display: none;
         }
   

2. Select Update.

3. Refresh the custom portal tab in Microsoft Teams.

Hide the logout button on the custom portal

You can hide the logout option for your custom portal that appears in the Employee Center tab within Microsoft Teams.

Before you begin

Role required: admin

Procedure

1. Navigate to All > Service Portal > CSS.

1. Click on your custom CSS.

2. Click here to edit the CSS.

1. To disable the logout button from Microsoft Teams desktop application.

   Customize the following code as required and paste in the 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;
         }
   

2. To disable the logout button from Microsoft Teams mobile application.

   Customize the following code as required and paste in the 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;
            }
         }
   

3. Click Update.

4. Refresh the custom portal tab in Microsoft Teams.