Control which languages are selected in the Translation tab

Jeff Kulon

created 2 years ago

Supporting more than 8 translations in our surveys, we want to control which languages are being selected when the Translation tab is activated in the Creator. The behavior appears to be that 'default' and the first seven languages, ordered by language code, are chosen.

Also, regardless of what the user may choose, the selected languages reset to default plus first seven when tabbing between Designer and Translation.

How can we control the initial selected languages list, and maintain the user's choices when switching between tabs?

Here, we see Français not selected to be in the first 8 because its language code is ninth in an alphabetic list of languages present in the json ( I think )

The current survey-creator-react in our code is version 1.9.74.

Thanks

Clipboard-File-2.png

Answers approved by surveyjs Support

Andrew Telnov

created 2 years ago

Hello Jeff,
You can use the following code:

JavaScript
creator.onActiveTabChanged.add((sender, options) => {
    if(options.tabName === "translation") {
        options.model.setSelectedLocales(["fr", "es"]);
    }
});

Here is the example.

Thank you,
Andrew
SurveyJS Team

Show previous comments (2)

Jeff Kulon 2 years ago

That's it. Thanks. I was following this 4 year old support ticket https://surveyjs.answerdesk.io/ticket/details/t2408 and found that sender.translation isn't supported in the newer versions.

I appreciate the prompt, helpful reply.

Jeff Kulon 2 years ago

Is there an equally simple way to capture the current selected languages upon switching to another tab? The solution above would always set the selected languages to fr and es, regardless of what the user may have chosen before switching to the Designer tab and then back to the Translation tab. I'm aware of onActiveTabChanging, but I'm not finding access to the currently-chosen languages via the arguments there, in order to persist those in an array.

Andrew Telnov 2 years ago

Hello Jeff,
Sure, here is the code:

JavaScript
creator.onActiveTabChanging.add((sender, options) => {
    if(creator.activeTab === "translation") {
        const model = creator.getPlugin(creator.activeTab).model;
        alert(model.getSelectedLocales());
    }
});

Thank you,
Andrew
SurveyJS Team

Jeff Kulon 2 years ago

Thanks, very much, again. I found I needed to cast model as Translation to access getSelectedLocales(), but this is what I needed.

Andrew Telnov 2 years ago

You are very welcome!

Andrew
SurveyJS Team

Control which languages are selected in the Translation tab

Answers approved by surveyjs Support

Recently viewed tickets