template-155.html

<h1 id="internationalization">Internationalization</h1>
<p>Widgets support localization, including translated messages and formatting. In your app, setting your html lang attribute will trigger that language to be applied to widget elements.</p>
<pre><code class="language-html">&lt;html lang=&quot;ja&quot;&gt;

&lt;/html&gt;
</code></pre>
<p>Alternatively, setting the lang attribute directly on elements will have the same effect.</p>
<blockquote>
<p><code>lang</code> on an element supersedes the html lang, meaning multiple languages can exist on the same page.</p>
</blockquote>
<pre><code class="language-js">var dialog = document.createElement(&quot;column-selection-dialog&quot;);
dialog.lang = &quot;ja&quot;;
</code></pre>
<p>Currently, the following languages are supported:</p>
<table>
<thead>
<tr>
<th><strong>Language</strong></th>
<th><strong>lang value</strong></th>
</tr>
</thead>
<tbody><tr>
<td>English (default)</td>
<td>en</td>
</tr>
<tr>
<td>Japanese</td>
<td>ja</td>
</tr>
<tr>
<td>German</td>
<td>de</td>
</tr>
<tr>
<td>Simplified Chinese</td>
<td>zh</td>
</tr>
<tr>
<td>Traditional Chinese</td>
<td>zh-Hant</td>
</tr>
</tbody></table>
<blockquote>
<p>If an unsupported language is set, English is the default fallback.</p>
</blockquote>
<h1 id="element-framework">Element Framework</h1>
<p>More details about localization is avaiable on <a href="https://ui.refinitiv.com/intl/internationalization">Internationalization</a></p>