question Re: Translated HTML won't show up in widget in Developer forum

Translated HTML won't show up in widget

Miriam Berg — Fri, 17 Feb 2017 10:06:42 GMT

Hi,

Looking at the OOB Widget "HTML", I can see in the Options Schema that the HTML field is added as a translated HTML field - but switching language and trying to add a translation changes the original version of the HTML instead of adding a translation. It's not showing any translation.

Options Schema:

[{

"name": "html",

"label": "HTML",

"type": "translated_html",

"default_value": " <b>hello</b>"

}]

Creating a new translated HTML field is letting me translate the HTML but when I cloned the HTML widget and changed the references to match the new field - again, the translation won't show up. My question is: how do i show the translated contents of an HTML field? The google searches i've done suggest that this should "just work"... but it doesn't.

New widget HTML:

<div>
   <div ng-if="!c.options.u_html" class="panel panel-default">
       <div class="panel-body">
           <b>${HTML Widget}</b><br>
           ${Ctrl + Click > Options to set HTML content}
       </div>
   </div>
   <div ng-if="c.options.u_html" ng-bind-html="c.u_html"></div>
</div>

New widget Client controller:

function ($scope, $sce) {
   var c = this;
   c.u_html = $sce.trustAsHtml(c.options.u_html);
   $scope.$watch('c.options.u_html',function(){
   c.u_html = $sce.trustAsHtml(c.options.u_html);
   })
}

Thanks in advance for suggestions/ideas/solutions!

BR /Miriam

Re: Translated HTML won't show up in widget

Miriam Berg — Fri, 17 Feb 2017 10:18:40 GMT

Changing field type to Translated text immediately solved the problem (same code!), and retained the HTML formatting too. Feels like there's a bug with the Translated HTML field type that is doesn't show translations properly.

I feel like this is good enough, even though it would be easier to administer the Translated HTML field.

Re: Translated HTML won't show up in widget

ingaro — Wed, 12 Jul 2017 14:39:53 GMT

Hi Miriam!

I am looking for same thing - could you please tell me where you changed the field type to Translated Text?

Re: Translated HTML won't show up in widget

Miriam Berg — Thu, 13 Jul 2017 07:50:08 GMT

Hi Anita,

A simpler way to translate the HTML would be to user ServiceNow's built-in message functionality.

In many places in ServiceNow you show a translated message by using dollar curly brackets ${ your text here }. So instead of trying to translate text in the HTML option (which doesn't work because it is stored in a JSON field) you wrap your text in dollar curly brackets, and translate it through System Localization > Messages.

For example, if you have a very simple HTML code today, that you entered in your "HTML" widget instance:

<p>Welcome</p>

<p>Add your comment</p>

You would translate it by using the same widget instance and just change the code to:

<p>${Welcome}</p>

<p>${Add your comment}</p>

And then make sure there are translations in System Localization > Messages for each separate message:

Re: Translated HTML won't show up in widget

ingaro — Thu, 13 Jul 2017 08:26:57 GMT

Thank you Miriam! that worked brilliantly

Re: Translated HTML won't show up in widget

olivier_queyroi — Wed, 11 Apr 2018 16:01:32 GMT

Hi ,

Could you please inform me where to find the local message in system localization :

Ex message in fr : bla bla bla I do'nt arrive to reach it in the Back end

Thanks

Re: Translated HTML won't show up in widget

Miriam Berg — Thu, 12 Apr 2018 05:36:44 GMT

Hi Olivier, If a specific message can't be found in the list, that could be because for example : - You are not searching in the right field. "Key" for the English original version or "Message" for the translated words. - The sentence can be split into several messages, so try searching for the separate words in the sentence and see if you can find a partial message. This is often indicated in the code but sometimes you might not know where the code is. - The translation message could be missing and needs to be added. This happens quite often for some languages. - Sometimes a translated word or sentence has been hard-coded somewhere... Instead of actually translated through the message table. I hope you find what you are looking for 🙂 /Miriam

Re: Translated HTML won't show up in widget

Mohammad Danis1 — Tue, 04 Sep 2018 06:29:37 GMT

Hi Miriam,

I have some issue with displaying unauthorized message on portal if some user is accessing the catalog for which he is not group authorized.

I have written code on server side and its working fine if I am commenting below code on client controller:

$scope.data.sc_cat_item.description = $sce.trustAsHtml($scope.data.sc_cat_item.description);

I would appreciate if you could please explain what the above code line is doing and what will be the impact if I comment this?

Thanks in advance!!

Regards,

Danish

Re: Translated HTML won't show up in widget

DirkRedeker — Sun, 28 Oct 2018 18:44:32 GMT

Hello,

I had the issue, that the translated texts did not show up in the widgets.

I was able to solve this issue by clearing the cache (with "cache.do"), before reviewing the widget in the browser.

Just type "cache.do" and hit return, in the backend "filter navigator" to clear the cache and retry to review the widget.

That helped each time for me, to check, if the translations worked correctly.

Let me know, if this works for you too, please.

I tried this with KINGSTON PATCH 9.

Regards

Dirk

Re: Translated HTML won't show up in widget

Indira Priya Da — Tue, 06 Aug 2019 06:02:10 GMT

Thanks Dirk, your solution worked for me 🙂

Best Regard,

Indira Priya Darsini M.