The CreatorCon Call for Content is officially open! Get started here.

Self service portal: Add language option on login page

lomouhamadou
Kilo Guru

Hi all,

Is it any simple way on the new Self service portal for adding the language option on the login page as we have on the backend?

thanks in advance

Regs,

Lô Mouhamadou

1 ACCEPTED SOLUTION

brett_karl
ServiceNow Employee
ServiceNow Employee

I completed a widget solution that ties into the Service Portal Header.



  1. Import the widget record that is attached to this reply
  2. Navigate to your header
  3. Find the following code in the Body HTML Template:

<ul ng-if="::user.logged_in" class="nav navbar-nav">


              <!-- chat, avatar, and logout -->


              <li ng-if="::data.connect_support_queue_id"><a href ng-click="openPopUp()">${Live Chat}</a></li>


         


              <li class="dropdown hidden-xs">


                  <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">


                      <span class="navbar-avatar"><sn-avatar class="avatar-small-medium" primary="userID" /></span>


                      <span class="visible-lg-inline">{{::user.name}}</span>


                  </a>



        Add the following code (to line 4):


<li><sp-widget widget="data.languagePicker"></sp-widget></li>



Navigate down to Server Script and add the following line.



  data.languageSelector = $sp.getWidget("language-picker", {});



The end result will look like this:


Screen Shot 2016-08-19 at 2.50.27 PM.png


Please let me know if you any more help!


View solution in original post

44 REPLIES 44

Kostya
Tera Guru

Hi,



I tried to add a language picker / switcher on user's profile, but failed to implement as a custom widget. Would be happy if any one will share his expirience



Best regards


Hit the Thumb Icon and/or mark as Correct, if my answer was correct. So you help others to see correct responses and I get fame 🙂

Cheers,
Kostya

brett_karl
ServiceNow Employee
ServiceNow Employee

I'm currently working on a couple of different Language Picker Options. Development suggests creating a widget. The steps to do this are located here: https://github.com/service-portal/documentation/blob/e42c519814a019078cae55d7ec4649fbecf4da66/docume...



This is a widget that can be placed anywhere on the portal page.



When my header modification is complete, I will post it on share and comment here as well. In the mean time the widget creation should satisfy your requirements for now.


We can place a drop down menu option just below the User Name over the Service Portal using the following configuration.


Navigate:



Service Portal --> Header & Footers --> Scroll in Body HTML Template part to the <ul class="drop-down menu">


Under this <ul> (Unordered-List) Tag


Add a <li> List.


<li> <widget id="language_picker"></widget> </li>



**Here widget id should be the id of the Language Picker Widget.


hey Brett, did you got a chance to look at my suggested solution ??