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

Customize Next Button with an image/graphic

  • November 26, 2024
  • 1 reply
  • 77 views
V
Forum|alt.badge.img+3

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.

    1 reply

    J
    Level 4 ●●●●
    • jbk
    • Level 4 ●●●●
    • November 26, 2024

    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

    Terms & ConditionsAccessibility statement