How can I add more information from user profile on the profile pop up on connect chat?

Amruta12
Tera Contributor

I need to add more user details on the profile popup appearing on connect chat. How can I do that? In the screenshot, you can see phone and location, if I need to add email for example, how can I do that?

find_real_file.png

5 REPLIES 5

georgeneto
Kilo Contributor

i'm also on the search for that... if I find out something, i'll be telling you!


Jonatan Horvath
Tera Contributor

Hi!
Im also searching for a way to edit the Profile Card. 
According to this http://http://designsystem.servicenow.com/#!/components/profile-cardsdesignsystem.servicenow.com/#!/... its possible to edit what to display on the user table. I have no idea how though.

VaranAwesomenow
Mega Sage

OOB it adds mobile and business phone but not email address, below is the inspect element details of that widget. So essentially it only shows title, companyname, city, country, business phone and mobile phone.

I checked the http://designsystem.servicenow.com/#!/components/profile-cards it doesnt tell how to configure additional fields.

 

 

<div class="popover-content"><div class="avatar-popover avatar-popover-padding sn-widget sn-widget-profile ng-isolate-scope" tabindex="-1" id="sn-bootstrap-popover" profile="evaluatedProfile" show-direct-message-prompt="::directConversationButton">
        <div class="sn-widget-profile-avatar">
            <!-- ngIf: profile --><div class="sn-avatar_lg sn-card-component-avatar sn-avatar_xs sn-avatar_v2 ng-scope ng-isolate-scope sn-avatar_noop" ng-class="::{'sn-avatar_noop': disablePopover}" ng-if="profile" profile="profile" disable-popover="::true">
        <div class="sn-avatar-container" tabindex="-1" sn-bootstrap-popover="::true" aria-haspopup="false" aria-controls="sn-bootstrap-popover" popover-wait-event="sn-user-profile.ready" role="presentation" aria-label="">
            <span class="sn-avatar-initials ng-binding">AM</span>
            <span class="sn-avatar-image" ng-style="::backgroundStyle" style="background-image: url(&quot;476461183740310042106710ce41f112.iix?t=small&quot;);"></span></div>
        <!-- ngIf: ::enablePresence --><sn-presence class="sn-presence ng-scope ng-isolate-scope presence presence-offline" ng-if="::enablePresence" profile="::evaluatedProfile"></sn-presence><!-- end ngIf: ::enablePresence --></div><!-- end ngIf: profile --></div>
        <div class="sn-widget-profile-name ng-binding">Aileen Mottern</div>
        <!-- ngIf: profile.detail.title -->
        <!-- ngIf: profile.detail.companyName --><div class="sn-widget-profile-company ng-binding ng-scope" ng-if="profile.detail.companyName">ACME Italy</div><!-- end ngIf: profile.detail.companyName -->
        <ul class="sn-widget-list sn-widget-list_last-borderless">
            <!-- ngIf: profile.detail.city || profile.detail.country --><li class="icon icon-global defaultCursor ng-binding ng-scope" ng-if="profile.detail.city || profile.detail.country">Rome, Italy</li><!-- end ngIf: profile.detail.city || profile.detail.country -->
            <!-- ngIf: profile.detail.businessPhone -->
            <!-- ngIf: profile.detail.mobilePhone --></ul>
        
        
            <div class="sn-widget sn-widget-button">
                <!-- ngIf: showDirectMessagePromptFn() --><button tabindex="0" id="direct-message-popover-trigger" class="btn btn-primary icon-collaboration ng-scope" ng-if="showDirectMessagePromptFn()" aria-label="Send a Direct Message">
                    Send a direct message
                </button><!-- end ngIf: showDirectMessagePromptFn() --></div></div></div>

 

It is possible to replace the name with any other user data which is not already part of the fields mentioned above, in order to this the live_profile record has to be updated, for example in place of name I want to show user_id of the user, screenshot below.

find_real_file.png

The live_profile record for the user is

find_real_file.png

The solution would be to implement a BR on live_profile table that would set the name to a field value (from user profile) based on your requirement.

KB article referred to arrive at above solution is https://hi.service-now.com/kb_view.do?sysparm_article=KB0656237