New Survey Experience Hide Language Selection After First Page | XM Community
Skip to main content
Solved

New Survey Experience Hide Language Selection After First Page

  • May 13, 2025
  • 2 replies
  • 41 views

Forum|alt.badge.img+1

Hello,

I am looking for CSS to hide the language selection button after the first page. Before the New Survey Experience I could use this CSS to hide the button:  .#Q_lang {
display:none;
}

 

and this Javascript to show it on my first page  

Qualtrics.SurveyEngine.addOnload(function()
{ jQuery("#Q_lang").show();
    /*Place your JavaScript here to run when the page loads*/

});

Best answer by vgayraud

Hi,

In your css:

#language-selector-container { display: none; }

In your 1st question’s custom javascript:

Qualtrics.SurveyEngine.addOnReady(function () {

const langSelector = document.getElementById('language-selector-container')
if (langSelector) {
langSelector.style.display = 'block';
}
});

Qualtrics.SurveyEngine.addOnUnload(function () {
const langSelector = document.getElementById('language-selector-container');
if (langSelector) {
langSelector.style.display = '';
}
});

 

2 replies

vgayraud
QPN Level 6 ●●●●●●
Forum|alt.badge.img+58
  • QPN Level 6 ●●●●●●
  • 549 replies
  • Answer
  • May 14, 2025

Hi,

In your css:

#language-selector-container { display: none; }

In your 1st question’s custom javascript:

Qualtrics.SurveyEngine.addOnReady(function () {

const langSelector = document.getElementById('language-selector-container')
if (langSelector) {
langSelector.style.display = 'block';
}
});

Qualtrics.SurveyEngine.addOnUnload(function () {
const langSelector = document.getElementById('language-selector-container');
if (langSelector) {
langSelector.style.display = '';
}
});

 


Forum|alt.badge.img+1
  • Author
  • 1 reply
  • May 14, 2025

Thank you so much!!