One of the biggest challenge of localization is not to extract all the translatable resources and include them in one single interface but it is about providing the context is which each strings will appear in order for the translator to give the best wordings.

This is what this post is about.

I am going to show you how to add context screens in iL10Nz for any loaded resources.

1. First you need to login to iL10Nz. You ccan either use the demo account or create your own account.
2. Double click on the project you want to open or create your own project.
3. The project will expand and you will find the __SCREENS__ folder that contains the context screens.
4. Select the __SCREENS__ folder and right click
5. Select Upload files to upload in the project the screen. It can be .gif, .png, .jpeg.
6. Double click again on the __SCREENS__ folder to see the image you just uploaded.
7. Now you need to link a string to this screen
8. Open a translation grid by click in the Language node in the project for a specific file and release.
9. Select one string
10. Open the Right Panel (Translation helper)
11. Select the Context panel
12. Select the image from the Screen drop down and click on Add project screens
13. The image appears in the preview panel when you select this string.

In this way, you can then link an image representing a context screen into the project for each string to help the translator.

Next step into this developement will be add multiple strings to one screen.