1. Log in to the Kuika platform and open the project you are working on.
2. Go to the UI Design module and open the Properties panel on the right panel.

3. From the + ADD ACTION menu, add the Multi Language > Select Language action according to the trigger event you want (Initial Actions, OnClick, OnBlur, etc.).

In an application, we want to allow users to manually select their preferred language. This preference improves the user experience and ensures that content is displayed in the same language in subsequent sessions.

Application Steps:

Add a Select Box element to the application interface.

• This Select Box should be configured to contain the available languages:

When Language is Selected:

Define the actions to be performed when a change is made to the Select Box:

• OnChange → Set Language
• Sets the selected language as the active language of the application.
• OnChange → Write to Local Storage
  
  • Value: Selected language
  • Key: userLanguage
  • This saves the user's preference to local storage.

When the application starts:

Add the following actions to automatically load the user's previous language preference:

• OnLoad → Read from Local Storage
• OnLoad → Set Language

Thanks to this process, the user will see the same language when they open the application next time.

• Language Menu: You can offer users a language menu to view the app's content in different languages. This menu dynamically displays language options.
• Actions After Language Change: You can trigger additional actions after a language change. For example, you can display a welcome message in the new language after a language change.
• Saving User Preferences: You can save the user's language preference to a data source within the app so that you can automatically display content in the correct language on their next visit.

Technical Risks

• Incorrect Language Mapping: To ensure that the Select Language action maps languages correctly, make sure that the available language options are configured correctly.
• Inconsistency After Language Change: When the application language is changed, check that the content is updated correctly and that language consistency is maintained.
• Language Preferences Not Saved: Make sure that user preferences are saved correctly and that the correct language is applied on each login.

The Select Language action allows you to manage your application's multilingual support. The interface and content are dynamically updated based on user preferences, enabling you to deliver a personalised user experience. Available on both web and mobile platforms, it increases the accessibility of your application by providing content in the user's preferred language.