Overlay text box entry over image | Experience Community
Skip to main content

Overlay text box entry over image

  • March 10, 2022
  • 1 reply
  • 253 views
C

Hi there,
I am trying to allow people to make a text box entry on an image. Specifically, I want to mimic an online web forum, where individuals could post a comment. To make it as realistic as possible, I want to upload the web forum layout as a background image and add the text entry box on that background.
Can anyone help? Thanks in advance!

1 reply

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Tom_1842
  • Level 8 ●●●●●●●●
  • March 11, 2022

Hi there, I found a thread that I think might be helpful to you. In that, melissa_b provides some code on how to do what you are describing. Place this as Javascript in the Text Entry question. Replace the URL as needed.
jQuery("#Questions").css({"background":"url('https://images2.alphacoders.com/256/256100.jpg')",
"background-size": "cover",
"background-repeat": "no-repeat",
"background-position": "center center"});
https://community.qualtrics.com/XMcommunity/discussion/2822/backgrounds-for-questions

Terms & ConditionsAccessibility statement