Repositioning language selection box | XM Community
Skip to main content
Solved

Repositioning language selection box

  • November 30, 2018
  • 11 replies
  • 283 views

Helllo, is there a way to reposition the language selection box to the bottow of the screen?

Best answer by TomG

Put this JS in your survey header: ``` <script> Qualtrics.SurveyEngine.addOnload(function() { jQuery("#Buttons").after(jQuery(".LanguageSelectorContainer")); }); </script> ```

11 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • Answer
  • November 30, 2018
Put this JS in your survey header: ``` <script> Qualtrics.SurveyEngine.addOnload(function() { jQuery("#Buttons").after(jQuery(".LanguageSelectorContainer")); }); </script> ```

  • Author
  • November 30, 2018
Thank you, @TomG! That worked perfectly! If I would like to put the language box above the "Next" button, how should I do it? Thanks a lot!

  • Author
  • November 30, 2018
I guess just changing it to "before", right?

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • November 30, 2018
> @maria_sozio said: > I guess just changing it to "before", right? Yes.

TomG
I want to position the Language selection drop down menu under the written text in the middle.
How can I code this?


And I want to display the language selection in the survey except in the first question. I found some other comments from you to do this like:
.LanguageSelectorContainer {display:none}
jQuery(".LanguageSelectorContainer").show()
But I do not know, how to connect this two codes in the Custom CSS to get the wished result.
TomG can you help me with that as well?


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • May 10, 2021

https://www.qualtrics.com/community/discussion/comment/37268#Comment_37268The first line is CSS. The second line is JavaScript.
I think what you want to do is add this line of JavaScript to the first question:
jQuery(".LanguageSelectorContainer").hide();


Thank you very much for your support. This is exactly what I wanted to do and now it worked out. :)

Moreover, I want to reposit the selection box in the middle under a sentence, but above the arrow to continue.
Is there any command I can use for the jQuery, which you mentioned above?



TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • May 19, 2021

KonfettiMaster ,
It isn't clear to me exactly where you want to move the language selector. Anyway, the accepted answer demonstrates how to move it. You just have to identify the element you want to move it after or before using a jQuery selector (e.g., "#Buttons").


https://www.qualtrics.com/community/discussion/comment/37509#Comment_37509Bildschirmfoto 2021-05-23 um 14.45.41.pngThanks for your comment.
I wanted to move the language selection box in the middl below the text. But I think this solution (see image) is fine as well. :)