Context view is an add-on for the In-Context editor. It is automatically available within the In-Context editor (ICE) if subscribed to the correct plan.
Context view collects information about which keys are rendered on which URLs in a web application and stores this information. Links to the website are generated from displayed keys and provided in the translation editor, so that translators are always aware of context.
To set up Context view, follow these steps:
-
Prepare a staging environment that uses the In-context editor.
-
Add the URL for the staging environment to the field in the tab in the window.
-
If the application or website uses anchor or location hash-based routing, select .
-
Click Save.
The URL is added to the project settings.
-
Browse the website with the installed In-context editor.
When working in the translation editor, translators can click Open In-Context Editor in the key details to locate the keys on the website and translate using the In-Context editor.
By default, ICE is displayed next to the relevant website in vertical layout. Select the arrow button at the top right of the website to hide 
or show 
ICE as required.
Note
For projects with a large number of keys, the In-Context editor will load 100 keys per page.
Translators can interact with keys found on the website through the following buttons:
-
Pencil icon
Displayed next to keys already existing in the project.
Click to select the desired key from the dropdown list and edit the translation in the In-Context editor.
-
Plus icon
Displayed next to keys that do not exist in the project.
Click to select the desired key from the dropdown list and add it to the project.
To display the key list in ICE, click on the search icon 
:
-
By default, the key list is filtered to show only the keys available for in-context editing on the current website page.
-
If required, select the blue icon
at the top of the key list to display all the keys in the current project. -
The total count of available keys is shown at the top of the key list:
-
Number of keys integrated with ICE and added to the current project.
-
Number of missing keys that are not yet integrated with ICE in the current project.
-
Selecting a key from the key list automatically scrolls to the key location on the website, if visible.
Once selected, keys can be translated or edited through existing functionalities provided in Strings translation editor:
-
-
Vertical and horizontal view
-
Single key view
-
Single language or Multilingual view
Based on the target language currently selected in the ICE key card, the key translation is automatically displayed and updated on the website page.
Note
Selecting empty translations in the ICE key card displays the relevant key name on the website page.
-
Dark mode
-
Reorder sidebar
-
-
-
Multilingual search
-
Search by job context
-
Batch actions
-
-
-
Suggestions
-
Comments
-
Changes
-
Jobs
-
Context view is an add-on for the In-Context editor. It provides links back to your app, so translators are always aware of context. It is automatically available within the In-Context editor if subscribed to the correct plan.
Context view collects information about which keys are rendered on which URLs in a web application and stores this information. Links to the website are generated from displayed keys. Translators can click a link next to a key to go directly to its location on the site and use the In-Context editor to edit the translation on the page.
To set up Context view, follow these steps:
-
Prepare a staging environment that uses the In-context editor.
-
Add the URL for the staging environment to the field in the tab in the window.
-
If the application or website uses anchor or location hash-based routing, select .
-
Click Save.
The URL is added to the project settings.
-
Browse the website with the installed In-context editor.