Logo

Evo UI

Work seamlessly with Evo assets

Overview

Evo Localization integrates seamlessly with Evo UI, allowing you to localize text, tooltips, buttons, and other UI elements easily.

No manual setup is required. Once you import the package, localization features become available across all supported components.


Activate Localization

After importing Evo Localization, all supported Evo UI components will automatically detect the package. A Localization section will appear inside each supported component's inspector. Enable its Localization toggle to configure it.

In this section, the Auto Setup button appears in UI components that support localization. Clicking Auto Setup will:

Add the required Localization component

Initialize component for localization

Assign the correct localization handler automatically

You can also add the localization components manually if you prefer, but Auto Setup is recommended.


Localizing Components

There are two ways to localize UI elements depending on the component:

Built-in Key Field

Some Evo UI components include a built-in Localization Key field directly in the inspector.

Examples:

  • Tooltip
  • Notification
  • Modal Window

When a Localization Key is available, simply enter the key used in your localization table.
The component will localize automatically whenever the language changes.

Other Objects

If a UI component does not provide a dedicated key field, use the Localized Object component instead. This component allows you to assign a localization key manually.

This ensures every UI element can be localized, even if it has no built-in support.


Language Selector Samples

The package includes ready-to-use Evo UI samples in Samples/Scripts. With Evo UI installed, attach the matching component to your control:

ControlSample componentAdd Component menu
DropdownLanguageDropdownEvoUIEvo -> Localization -> Language Dropdown (Evo UI)
SelectorLanguageSelectorEvoUIEvo -> Localization -> Language Selector (Evo UI)

Both populate options from Localization Settings at startup, select the current language, and switch languages when a user chooses an item. Show Language ID adds the ID to each label; Use Localized Names uses each language's native name.

The samples track the displayed language assets so empty settings entries do not shift selection indices. They also remove their event listeners and release generated icon sprites when destroyed.

Use dropdown.SelectItem(index, invokeEvents: false) or selector.SetSelection(index, animated: false, invokeEvents: false) to initialize selection without firing its event. Refer to the included samples for the complete implementation.


On this page