Translate using live links
This article describes how to translate a project that contains live links to live web pages.
Live links to a live web application are usually more accurate than HTML previews. However, loading a live web page is usually a bit slower than loading Rigi HTML previews.
Recommended strategy:
Translate all strings that have live links.
Translate the rest using the HTML previews.
Prerequisite
Install the Rigi extension for Chrome (for details, see the Install Rigi injector for Chrome guide). This extension enables the highlighting of strings in the live web site.
After you get an email invitation from a project manager, perform the following steps:
Open the email and click the link to sign up or log in to the Rigi online editor. For details, see the Sign up to Rigi and Log in to Rigi guides.
If you are already logged in to the Rigi online editor, click the Open the translation task link in the email instead.
After you log in, you will be directed to the My translation task module in the online editor.
Click the required language or the
icon to open the translation task. The Select editor mode popup is displayed.
Select Live links.
Click the Accept button. You will be directed to the online editor page. The live web application will be opened in a new tab.
For maximum convenience, open the live app and online editor on two monitors. Alternatively, open them in two separate windows and place them side by side.
Filter the strings to display only those with live links:
In the online editor, click the
icon.
In the list of filters, locate the Has live links section and click the Yes button.
Select a string. It will be highlighted in the preview. You can now translate it in context.
To translate the rest of the strings using the HTML previews, perform the following steps:
Reopen the translation task.
In the Select editor mode popup, select Context, and click the Accept button.
In the online editor, filter the string so only the untranslated strings with HTML previews are displayed.
Translate the strings as described in the Translate using the Rigi online editor section.
If the selected text is not shown/selected on the live web page, it could be in another component on the page. To find it, open tabs, accordions, tooltips, etc.
Speed it up - automatically visualize hidden texts!
There are extensions for Chrome that allow users to change the CSS, for example, User JavaScript and CSS by tenRabbits.
Ask your project manager to send you instructions and the CSS.
Paste the provided CSS into the extension.
Create the CSS yourself If you are familiar with CSS, here are some tips that you can try:
For +-buttons:
Click F12 to see the developer tools:

This will give you information on which class to manipulate:
.idm-accordion-content { display: block !important; }
For tabs:
Force the display-attribute from none to block. In the tab sample above, the tab bar has id idm-tabs-content.
.idm-tabs-content { display: block !important; }