CSS Moving Error Message | XM Community
Skip to main content

Hi,

 

I would like to move the error message from the top of the page to be in line with the next button.  I’ve tried a few suggestions from other posts, but nothing seems to work correctly - probably because of my lack of familiarity.

Here is how I would like it to look:

 

Thanks in advance for any assistance

I’ve seen this post by Tom G but it seems to move the error message at the end of the question and not by the next button : 

 

This code seems to work for me:

 

‘

Qualtrics.SurveyEngine.addOnload(function()

{

    /*Place your JavaScript here to run when the page loads*/

 

});

 

Qualtrics.SurveyEngine.addOnReady(function()

{

    var nextButton =jQuery("#NextButton");

    var error = jQuery("div"+ " .ValidationError" );

    jQuery(error).css('display', 'inline-block');

    jQuery(error).insertBefore(nextButton);

 

});

 

Qualtrics.SurveyEngine.addOnUnload(function()

{

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

 

});

‘

@xpoulin Thank you for the reference.  I will check that out.

Leave a Reply


Terms & Conditions