Simple Layout - No JQuery? | XM Community
Skip to main content
Solved

Simple Layout - No JQuery?


Forum|alt.badge.img+6

I fear I know the answer, but just to be sure:

 

We are converting a survey to Simple Layout. In the Authenticator Prompt message we have some JQuery we use to make some edits to the Authenticator page. Hiding progress bar, moving some divs, etc.

As far as I can tell this no longer works on simple layout, even after changing css id and class references to match the new ones used in Simple Layout.

I’m hoping that I’m just being dense and can’t figure out the code, but if someone can confirm that we can’t use Jquery on the authenticator page, I can move on to finding an alternative solution.

 

TIA!

Best answer by ArunDubey

Simply call jquery library (mentioned below) in your look and feel header (source) page option. Then try your code again.

 

 <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

 

View original

10 replies

ArunDubey
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+41
  • QPN Level 8 ●●●●●●●●
  • 589 replies
  • Answer
  • August 8, 2023

Simply call jquery library (mentioned below) in your look and feel header (source) page option. Then try your code again.

 

 <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

 


NiC
QPN Level 5 ●●●●●
Forum|alt.badge.img+27
  • QPN Level 5 ●●●●●
  • 255 replies
  • August 8, 2023

Hi @ccosart ,

 

you are correct jQuery no longer works in simple layout as of now.

but as @ArunDubey pointed out you can call jQuery library it in header.


Forum|alt.badge.img+6
  • Author
  • Level 2 ●●
  • 27 replies
  • August 8, 2023

Thank you!

I assumed it was something proactively disabling it. Glad this worked.

 

Chris

 


Forum|alt.badge.img
  • 3 replies
  • October 15, 2023

I tried adding the code to the header but still Jquery is not working in the simple layout. Is there any other suggestion on what I can try?


Nam Nguyen
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+29
  • QPN Level 8 ●●●●●●●●
  • 1091 replies
  • October 15, 2023
ros44 wrote:

I tried adding the code to the header but still Jquery is not working in the simple layout. Is there any other suggestion on what I can try?

How exactly are you adding it? On the header → source mode

 


Forum|alt.badge.img
  • 3 replies
  • October 15, 2023

Yes, I am adding it to the source mode.


ArunDubey
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+41
  • QPN Level 8 ●●●●●●●●
  • 589 replies
  • October 16, 2023

hi @ros44 , do one thing. duplicate your survey change the layout and then check if same jQuery code is working in that layout or not. 


Forum|alt.badge.img
  • 3 replies
  • October 16, 2023

Hi @ArunDubey. I checked it. the jQuery works if I select other layout. However, it doesn’t work with Simple layout even if I load the library in header.


JR33
QPN Level 2 ●●
Forum|alt.badge.img+10
  • QPN Level 2 ●●
  • 75 replies
  • November 14, 2023

Hey,

 

I think I have the same issue with the code for hidding “Powered by Qualtrics”. It doesn’t work with the simple layout.

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><script type="text/javascript">
Qualtrics.SurveyEngine.addOnReady(function() {
	 jQuery('#Plug').attr('style', 'display:none !important');
});
</script>

I tried to call sur jquery library before it but still not working.

Thanks for your help


Forum|alt.badge.img
  • 1 reply
  • February 27, 2025

Any update on this? I know it’s been a year, but I’m still finding that jQuery isn’t working even though it was loaded in the header.


Leave a Reply