Form multilanguage

Internalization: can be referred to as the design and development of a product, application, or document content so that it can be localized for target audiences that vary in culture, region, or language. It can also be referred to as the process of designing software to support multiple languages, cultures, and regions. It involves considering various aspects of software development, such as user interface, data storage, and communication protocols, to ensure they are compatible with different languages and cultural norms. The benefits or importance of internalization is that 1) it enhances user experience, 2) it meets legal requirements, 3) it improves localization, and 4) it expands reach.

CHEFS is developed to support multiple languages. The list of languages currently supported by CHEFS is below: Arabic, English, Español (Spanish), فارسی (Farsi), Français (French), हिंदी (Hindi), 日本語 (Japanese), 한국어 (Korean), ਪੰਜਾਬੀ (Punjabi), Русский (Russian), Tagalog (Filipino), Українська (Ukrainian), Tiếng Việt (Vietnamese), 简体中文 (Simplified Chinese), 繁體中文 (Traditional Chinese)

The example below shows the CHEFS homepage in the English language, and after the language switch to the French language, it shows looks like in the French Language.

Before Switch to the French language

Click to switch to the French language

After the switch to the French language

Attention Form Designers:

Designing multi-language forms is a different process from translation in CHEFS and Form.io. Please follow the steps below on how to design one

Step 1: I Drag the Hidden component into the Form Builder

II In the logic tab of the component, click on the "Add Logic" button

III Enter the name of your logic into the Logic Name field, and in the Trigger > type field, select javascript

IV copy and paste the code below into the Text Area of the javascript

  `const { root} = instance;
   const i18 = root.i18next;
   i18.addResources("en", "translation", {"Last Name": "Last Name",
    "First Name": "First Name"
   });
   i18.addResources("fr", "translation", {"Last Name": "Nom de famille",
    "First Name": "Prénom"
   });`

V) Note: you can add more language(s) by copying and past i18.addResources("fr", "translation", {"Last Name": "Nom de famille", "First Name": "Prénom"}); into different lines, and change this "fr" to the shortcode of the languages you want in your translation

Download Template: