Customize Next Button with an image/graphic | XM Community
Skip to main content

Anyone have code for this?

I recall there used to be CSS and JavaScript for this, but I can’t find it anymore.  Anyway, on my last question, I want the “next button” to be an image. If I understand correctly, the best place for this would be under Question Behavior → JavaScript → Qualtrics.SurveyEngine.addOnload

I once used CSS under Look and Feel, but that changed the “next button” to an image on every page. 

I have uploaded the JPEG image to my Graphics library (Dimensions: 150px x 62px
File size: 4 KB).

*Using Modern Theme

*Tried using Look and Feel → General → Next Button Text dropdown → Message  but all it would do is display the url to the graphic.  Matched it on the Block Format as well.  No luck.

Add the following script in the last question of your survey, change the image URL.

 

jQuery("#NextButton").css({ "background": "#FFFFFF", "background-image": "url('path_to_your_image.jpg')" });

 

Hope you know where to add the above code

Leave a Reply


Terms & Conditions