Tuto WEBDEV 25

Part 5: Let’s continue the development 241 Localizing the menu The menu options can be translated like the other controls via the description window of option, or from the page editor. ▶ In our example, we are going to translate the "List of products" option. 1. Select then click the menu found in the page template. 2.  The menu becomes editable and a yellow border is displayed. 3. Select the "List of products" option. 4. Display the description window of option: display the popup menu and select "Option description". 5.  In the description window, type the option in French: "Liste des produits". 6. Validate. The options can also be translated in the page editor. ▶ To translate the "Add a product" option: 1. On the "Display" pane, in the "Options" group, expand "Language displayed" and select the language that will be viewed in the editor (French in our case). 2.  The menu options are displayed in the selected language. If no translation corresponds to the selected language, the menu options are displayed in English. 3. Select the "Add a product" option. 4. Press the Space key on the keyboard: the caption becomes editable. 5.  Type the caption in French: "Ajouter un produit". 6. Press Enter to validate the caption. 7. Press Esc to exit from the edit mode. 8. Save the page template ( or Ctrl + S). 9. Restore the English display mode: on the "Display" pane, in the "Options" group, expand "Language displayed" and select "English". 10. Update the pages that use the page template by clicking the icon in the orange bar. Validate the update window. 11. Close the page template displayed in the editor. Localizing controls A control can display various information to the user: • a caption, • an image, ... This information must be translated. This information is accessible in the different tabs of the description window of control. ▶ To translate the "Modify" link found in the "PAGE_List_of_products" page: 1. Select the "Modify" link. 2. Display the description window of control ("Description" from the popup menu). 3.  Type the caption in French: "Modifier". 4. Validate. 5. Save the page ( or Ctrl + S).