Messages
Liam Carter uploaded a new document to Project Phoenix
5 minutes ago
Ava Mitchell commented on Marketing Campaign Q3
12 minutes ago
Noah Blake updated the status of Client Onboarding
30 minutes ago
30 minutes ago
Sophia Taylor sent an invoice for Service Renewal
1 hour ago
Ethan Moore completed the task UI Review
2 hours ago
Olivia White assigned you a task in Sales Pipeline
Yesterday
i18support
i18support
You can change the language of demo text as well as the menu with simple function fire on buttons click. Try it:
Example:
i18support Configuration
Step 1
To enable i18n support in your application, you need to define all translatable text. The most effective way to do this is by storing the text in an external JSON file. For example:
en.json
{
"dashboards": "Dashboards",
"dashboard-one": "Dashboard v.1",
"dashboard-two": "Dashboard v.2"
}
es.json
{
"dashboards": "Paneles",
"dashboard-one": "Panel v.1",
"dashboard-two": "Panel v.2"
}
ru.json
{
"dashboards": "Панели",
"dashboard-one": "Панель v.1",
"dashboard-two": "Панель v.2"
}
Step 2
Next you need to add html indicators in all place you want to use data-lang.
<div>
<span data-lang="dashboards"> Dashboards </span>
<span data-lang="dashboard-one"> Dashboard v.1 </span>
<span data-lang="dashboard-two"> Dashboard v.2 </span>
</div>
Step 3
After that if you want to change the language you just need to add buttons and fire the selectedLanguage.
HTML Code
<a class="btn btn-light" data-translator-lang="en"> Set EN language</a>
<a class="btn btn-light" data-translator-lang="es"> Set ES language</a>
Javascript Code
let selectedLanguage = "en";