Where the component level term takes precedence
The component level term always takes precedence when there is a matching global term.
It's a good idea to use codes for the Key field of your Terms for any descriptions that you want to translate.(i.e: #introduction or #welcome_screen_info) so your global term won't ever accidentally translate on another window or component. (The '#' is just for convention, and is not a special character). Using codes works particularly well for long text strings such as introduction paragraphs. One thing to be very careful of is if you edit the codes in a minor way, it could potentially break the translation.
Here are a couple of examples:
The first example is of a Label component with a Key field of "#Barrel." You'll notice the Label has global translation of "Tanque" and a component level translation of "Barril." By using the "#," the component level translation of "Barril" was not overwritten by the global translation of "Tanque" by using the "#." Here is what the translation looks like in Design Mode and Preview Mode.
The "#" can also be used on components for text that you don't want accidentally translated. This example uses the Multi-State Button component. The only way to change the states / words on the buttons (i.e., Hand, Off, Auto) is to use the Multi-State Button Customizer. Add the "#" to the text on each of the three Keys so they don't get translated by global terms that have already been set up.
Here's what the translations look like in Design Mode and Preview Mode.
Using HTML for Text Wrapping
Another good practice is to use HTML to wrap text within your component's buttons, labels, etc.,. You can use it with translating terms that contain lots of text. HTML is just a good way to wrap text to fit within a label and button components.
- In the Property Editor of a Label component, go to the Text property and give the Text a unique name (i.e., #Mytext).
Right click on the Label component, and click on Translations. Double click on the row for Mytext. Enter the text as shown below for both the Spanish Global and English Global translations. Make sure you precede your text with "<HTML>." Click the Back link.
- Once in Preview Mode, your long text will be wrapped!