Article3_Teaser.jpg

WebIQ - How to add multiple languages

Anonymous
Not applicable
Step-by-Step guide
Step 1: Create your own localization sheet

If your language is not available within the default languages in WebIQ, you can create your own localization sheet. First things first, go to Localization Manager.WebIQ Localization ManagerWebIQ Localization Manager

The available languages in WebIQ are German and English, but you can add as many as you want.Default languages availableDefault languages available

To add a new language, click on the “+” button.Add a new languageAdd a new language

Assign a name to the language you want to add and click on Create.Add a new languageAdd a new language

In the table, all variable names, text strings and messages in their own default language are displayed. To translate them on your language, all you have to do is select the variable name you want to translate, write its translation in the “Localized Text” field on the right side of the page and click on the Apply button.Add a new languageAdd a new language

Note: if you click on the checkbox shown in the picture below, all system text strings are displayed in the translation table and can be translated as well. System text strings contain widget captions, system messages, etc.Add a new languageAdd a new language

You can now export your own localization sheet by clicking on the “Import/Export” button. You can select the format you what to export you file to (JSON and CSV formats are available). Once your localization sheet is exported, it can be imported and used in different projects without translating it again.Export/Import of localization sheetExport/Import of localization sheet

Step 2: Create a button enabling translation on the HMI

If you want a button on you HMI enabling translated in a different language, you can just add a simple button from the widget list. From the Config tab of the button, scroll the screen up to UI ACTIONS section.Add a new button for languageAdd a new button for language

For the “UI Action OnClick” action, select “setlocale (final)” action from the dropdown menu.Add a new button for languageAdd a new button for language

Then press on the “+” button the right side of the field.Add a new button for languageAdd a new button for languageSet the UI-Action for the new buttonSet the UI-Action for the new button

Now select the language you want to translate your HMI to by clicking the button you’ve just created.Select the new languageSelect the new language

It should look like this.New language addedNew language added

Now you have a multiple language HMI.

 

The Company 

Empowering HMI Excellence
Smart HMI is a team of experts for the development, enablement and integration of 100% Web-Technology based Software, which empowers every customer to easily create future-oriented industrial HMI solutions. The Software Platform WebIQ – developed by Smart HMI -is a 100% Web-Technology based, forward-looking Visualization-System with comprehensive Design-possibilities to create industrial Web HMI’s.

JulianWorld_0-1652260379890.png

Must Read
Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist