How to add hint text for text entry for multi-language survey | XM Community
Skip to main content
Solved

How to add hint text for text entry for multi-language survey

  • July 5, 2021
  • 5 replies
  • 163 views
R
Forum|alt.badge.img+1

Hi,
I have a 7 language survey.
Few questions include a text entry that pops up once a response is checked.
For the hint text of the text entry, I'm using the following code:
Qualtrics.SurveyEngine.addOnload(function() {
var qid = this.questionId;
var placeholder1 = 'Please specify';
var placeholder2 = 'Please specify';

jQuery('#' + qid + ' .InputText')[0].setAttribute('placeholder',placeholder1);
jQuery('#' + qid + ' .InputText')[1].setAttribute('placeholder',placeholder2);
});
The issue is that "please specify" is the hint text to all languages which is not optimal.
How do I solve it and add hint text per language?

Thanks

Best answer by ahmedA

Qualtrics.SurveyEngine.addOnReady(function () {
    let lang = "${e://Field/Q_Language}",
        placeholder_text;


    switch (lang) {
        case "EN-GB":
            placeholder_text = "Please Specify";
            break;
        case "ES-ES":
            placeholder_text = "Something else";
            break;
        default:
            placeholder_text = "Default Text that doesn't match any language";
    }
    this.questionContainer
        .querySelectorAll(".InputText")
        .forEach((tb) => (tb.placeholder = placeholder_text));
});

5 replies

A
Level 7 ●●●●●●●
Forum|alt.badge.img+22
  • ahmedA
  • Level 7 ●●●●●●●
  • July 5, 2021

Survey language is available via an internal ED. You can customize the placeholder value based on that.

R
Forum|alt.badge.img+1

ahmedA How exactly?

R
Forum|alt.badge.img+1

This is how it looks today:
Language - Espanol
Hint text - English:
image.png

A
Level 7 ●●●●●●●
Forum|alt.badge.img+22
  • ahmedA
  • Level 7 ●●●●●●●
  • Answer
  • July 5, 2021

Qualtrics.SurveyEngine.addOnReady(function () {
    let lang = "${e://Field/Q_Language}",
        placeholder_text;


    switch (lang) {
        case "EN-GB":
            placeholder_text = "Please Specify";
            break;
        case "ES-ES":
            placeholder_text = "Something else";
            break;
        default:
            placeholder_text = "Default Text that doesn't match any language";
    }
    this.questionContainer
        .querySelectorAll(".InputText")
        .forEach((tb) => (tb.placeholder = placeholder_text));
});

R
Forum|alt.badge.img+1

Amazing ahmedA :)
Thanks a lot!

Terms & ConditionsAccessibility statement