Change Language in DataPages

[QueenB]

I'm looking for any possible way on how to let users to switch Language in my DataPages. Any suggestions on how to achieve this?

Thanks in advance.

[cheonsa]

Hi @QueenB,

 

By default, computer browsers has an ability to translate the language of the pages automatically. 

One other possible solution is to create different DataPages for different Languages. Then, you will have an HTML block with a link inside that will redirect to the other DataPage based on the selected language.

Hope this helps.

 

-kristina

[SinJunYoung]

My suggestion is to also create this inside a Header and Footer of the DataPage (reference: Header and Footer) and create the link and paste it from there as HTML block will be generated for each records that is placed inside the DataPage. 

[Armopankaj]

But if we want to change the functionality in a page then we need to repeat the process too tedious for a practical use case

[Inscriptor]

Hi QueenB,

Please consider using Google Translate Button widget.
Check the guide at w3school: https://www.w3schools.com/howto/howto_google_translate.asp
The details on usage of this widget are in this Google Developers' Blog post:  
https://developers.google.com/search/blog/2020/05/google-translates-website-translator
It might worth sing-up your subdomain in the form by the link in the article,  as it is required by Google.

I have put the JS code in the Footer of Form, Report and HTML DataPage and it works as expected. All the DataPage text content is being translated to the language chosen in the widget.

Regards,

[futurist]

Hi everyone!

I thought of sharing it here since this seems kind of related, but if you wish to prevent certain elements (HTML elements, field labels, etc.) on a DataPage to be translated by the web page's translate option, you can use the "translate" attribute and set it to "no":

For custom elements created on HTML blocks, they would look something like:

<p translate="no">Company name</p>

For labels of DataPage fields, it would require script. You would first have to select the element you want to be prevented from translation using a document.querySelector and use the setAttribute() method to add the "translate" attribute and set its value to "no", like so:

<script>
document.querySelector("[for='InsertRecordField1']").setAttribute("translate", "no");
</script> 

 

before translation:

after translation, without the solution indicated above (texts are translated from english to filipino by the way):

 

 

after translating, with the solution applied on "Company name" and "Field1":