Kuika's Language Selector element allows users to select their preferred language in the application interface. This feature is ideal for creating multilingual applications and personalizing the user experience.
The Language Selector element can only be used in web applications.
Use Cases
Switching languages in multilingual web applications
Specifying the preferred language in user settings
Offering default language selection on the login screen
Displaying language-based content in admin panels
Use Case – Application Language Selection
In a web application, the user uses the Language Selector element to change the interface language.
In the scenario:
A dropdown box titled “Select Language” appears on the screen.
When the user opens the list, they see the options “German,” “Italian,” and “French.”
When “Italian” is selected, the application automatically switches to the Italian language pack.
The selected language is retained throughout the user session and remains the same even if the page is refreshed.
Connecting the Data Source
Go to the Datasources module.
Create a new table by following the Tables > + Add Table steps. Table name: Languages
Create the following table:
Then go to the SQL Actions tab and create a new action: GetLanguages
SELECT Name, Code FROM Languages;
UI Design Module Operations
Go to the UI Design module.
Open the page where the language selection will be made (example: HomePage or SettingsPage).
Drag and drop the Language Selector element from the Elements > Select Input category on the left side.
Click the Add Action button on the right side of the application screen.
Then select Custom > Languages.
Click on the element.
Then add the action from the +Add Validation tab on the right side.
When the Scenario is Complete
The user clicks on the “Select Language” box.
They select one of the options “German”, "Italian’ or “French” from the list that opens.
The application interface is translated into the selected language.
The language preference is retained throughout the user session.
Limitations
Only available in web applications.
Language files must be pre-created.
The same code (e.g., “fr”) cannot be assigned to more than one language.
Tips and Best Practices
Define language codes in accordance with ISO standards (e.g., en, de, fr).
Place it at the top of the application or in the profile menu for easy access.
Store the selected language in Local Storage or the user profile.
When the application first opens, determine the default language based on the user's browser language.
