---
title: "7.7 Translation Setup"
canonical: "https://manual.cimon.com/space/CCANVAS/4333142031/7.7%20Translation%20Setup"
format: markdown
---
Unlike its predecessor, Xpanel Designer, Canvas does not include a dedicated **Multi-Langauge String** object. Instead, users can utilize the **Translation Editor** window to configure the key used for translations. To access this window, click **Tools** > **Translation Editor**. 

![image](media://f8db5a81-80ee-410c-8f27-a8e2304f4426)

The **Key** column is used to input a string that will be used as the master for all multi-language objects. Once the key phrase has been established, the user can add languages at will by double-clicking the **Click to create language **field and entering the name of a new language. In the below example, three languages have been created: English, French, and German. For these three languages, translations have been manually entered for the two available key phrases.

![image](media://0fd1ca78-b73a-4526-95ab-6afd3a0ed147)

With the key phrases and translations entered in the **Translation Editor**, the user can now begin designating text objects as **Multi-language Strings**. To accomplish this, the user must find the **Text** property in the **Property Editor** window and click the tag-binding icon for this property. Once the **Binding Properties **window opens, navigate to the **Expression** tab and click to open the drop-down menu. Select **Multilanguage String**, then click **OK**. Note that the text in the **Initial Value** field must exactly match one of the previously defined key phrases to be translated. 

![image](media://e4c8657c-fc61-4189-a43c-e4864c7ff40c)

Now that the text object has been designated as a **Multi-language String**, the last step is to create buttons that can be used to swap between the available languages easily. To accomplish this, the user must create an **Action Command**. In the **Action Command Editor** window, select **Set Translation Language** from the **Action** drop-down menu. Then, select the desired language in the **Language** drop-down menu and click **OK**.

![image](media://71000153-0f13-4806-8b11-8ca7c993df47)

Once the **Action Command** has been created, the user can link this action to an object of their choosing. In the below example, the **Set Translation Language** action is bound to the flag icons. 

![image](media://f5336d4c-242a-4f72-85ca-e92e1618fa94)