2 language survey: how to change language drop down to a simple button?

You would need to write JavaScript to do this.

Yes, you can use JS to hide dropdown and add a button instead, on click of this button you can change the drop down selection.

Thank you very much for your comments!
I have looked at another thread written by TomG https://www.qualtrics.com/community/discussion/1939/survey-language-setting-from-survey-question and adapted it... Now it only displays the other language but the link is not working. What I'm I missing?

FYI: if you are facing the same issue here is the best code I could write to solve this issue... It creates a button to switch between the two languages instead of having the drop-down. Small issue: button has the same wording in both translations.
To create a button that switches between the two languages with JS in the Look & Feel -> General -> header

How to remove the toggle dropdown and use a multiple choice question option in a multi-language survey for language selection on Qualtrics.

1. Click on the question (language selection)
2. Go to Look and Feel on the left panel of the survey
3. Click on Style 
4. Paste this in the Custom CSS box (this removes the toggle option at the top right corner).

.LanguageSelectorContainer{

display: none;

}

4. Now click on the question
5. Got JavaScript on the left pane
6. Click on Java Script and paste this code below (if it’s more than 2, change as necessary;)

Qualtrics.SurveyEngine.addOnReady(function()

{

/*Place your JavaScript here to run when the page is fully displayed*/

 this.questionclick = function(event,element){

    if (element.type == 'radio')

    {

      var choiceNum = element.id.split('~')[2];

if(choiceNum==2)

{

jQuery("select[id='Q_lang']").val('EN');

}

       if(choiceNum==1)

{

jQuery("select[id='Q_lang']").val('ES');

}

jQuery("select[id='Q_lang']").trigger( "change" );

    }

  }

});

Hi ​@mirrabby 

I am following your suggestion, but in my implementation, it doesn’t switch back to the default language, EN-GB.

Qualtrics.SurveyEngine.addOnReady(function()

{

/*Place your JavaScript here to run when the page is fully displayed*/

 this.questionclick = function(event,element){

    if (element.type == 'radio')

    {

      var choiceNum = element.id.split('~')[2];

if(choiceNum==2)

{

jQuery("select[id='Q_lang']").val('EN-GB');

}

       if(choiceNum==1)

{

jQuery("select[id='Q_lang']").val('ES-ES');

}



jQuery("select[id='Q_lang']").trigger( "change" );

    }

  }

});

Please note that I have left the dropdown visible for now while I conduct testing.

Before clicking ‘Continue in Spanish’.

After clicking ‘Continue in Spanish’. 

After clicking ‘Switch to English’ is stays on ‘Español’. 

Hope you can help! Happy Holidays :) 

​@parkie_0007,

Since you requested help…

I believe the issue is that your second choice ‘English’ isn’t choice id 2.  Choice ids aren’t necessarily sequential - it depends on how the question has been edited.

Perfect! That fixed it ​@TomG. Thanks for your help :) 

Hi ​@TomG, ​@parkie_0007 and ​@mirrabby : I have tried this solution but its getting undefined for all the answer options.. Can you please check what is wrong in this code?

And please tag me so that I will get the response from you.

Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/
    
 this.questionclick = function(event,element){
    if (element.type == 'radio')
    {
      var choiceNum = element.id.split('~')[4];
     console.log(choiceNum);
if(choiceNum==1)
{
    jQuery("select[id='Q_lang']").val('EN-GB');
}
if(choiceNum==2)
{
    jQuery("select[id='Q_lang']").val('FR');
}

if(choiceNum==3)
{
    jQuery("select[id='Q_lang']").val('ES-ES');
}

if(choiceNum==4)
{
    jQuery("select[id='Q_lang']").val('NL');
}

jQuery("select[id='Q_lang']").trigger( "change" );
    }
  }
});

​@lalitkumarjain,

Use this.

Neither the linked code or the code above will work with Simple layout (aka New Experience). 

​@TomG  thank you so much for replying on this..