Is there a way to add a label above the language selection drop-down? | Experience Community
Skip to main content
Solved

Is there a way to add a label above the language selection drop-down?

  • Jul 19, 2018 4:30 PM UTC
  • 5 replies
  • 260 views

Forum|alt.badge.img
I want to make the drop-down for language very obvious to respondents.

Best answer by MohammedAli_Rajapkar

Yes, you can do that through below jQuery. You will have to add this jQuery under the "Look&Feel" -> Advanced -> Header part (please change "}" the closing bracket for script tag to ">" ) <script} jQuery(".LanguageSelectorContainer").append("<div id='appenddiv'>Please select Language</div>"); jQuery("#appenddiv").after(jQuery("#Q_lang")); </script}
View original

5 replies

MohammedAli_Rajapkar
QPN Level 5 ●●●●●
Forum|alt.badge.img+20
Yes, you can do that through below jQuery. You will have to add this jQuery under the "Look&Feel" -> Advanced -> Header part (please change "}" the closing bracket for script tag to ">" ) <script} jQuery(".LanguageSelectorContainer").append("<div id='appenddiv'>Please select Language</div>"); jQuery("#appenddiv").after(jQuery("#Q_lang")); </script}

Forum|alt.badge.img
  • Author
  • Jul 26, 2018 1:40 PM UTC
Hello! Thank you, but I added that into the header and it did not work. Is there something else I'm supposed to do? The text just showed up in the header, nothing else.

mattyb513
Level 4 ●●●●
Forum|alt.badge.img+6
  • Level 4 ●●●●
  • Jul 26, 2018 2:10 PM UTC
Make sure you add it while looking at the source view rather than the rendered text.

Forum|alt.badge.img
  • Author
  • Jul 27, 2018 7:21 PM UTC
Is it possible to have the text displayed above the drop down rather than on the side? Also, will this text be translated automatically?

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • Jul 27, 2018 8:34 PM UTC
> @AngieMP said: > Is it possible to have the text displayed above the drop down rather than on the side? Also, will this text be translated automatically? Create an MC question at the beginning of your survey for translations and hide it with display logic (add a condition that is always false, such as the non-existent embedded variable "hide" equal 1). Make the first choice "Select a language" and translate it to whatever languages you need. Then pipe the translated choice description into your script. The script that you put inside a `<script>` tag in your header becomes (change the QID accordingly): ``` Qualtrics.SurveyEngine.addOnload(function() { jQuery("div.LanguageSelectorContainer").prepend("<div>${q://QID2/ChoiceDescription/1}:</div>"); }); ```