Have persistent reference photo | Experience Community
Skip to main content
Question

Have persistent reference photo

  • Oct 6, 2020 10:43 PM UTC
  • 4 replies
  • 82 views

Hi,
Is it possible to add a persistent photo (that people will use for reference throughout the survey) for a certain block alongside the questions? As in, if you scroll down, the photo will follow along.

Thanks!

4 replies

  • Author
  • Oct 6, 2020 10:44 PM UTC

As a side note -- I also considered using a background photo for this, but it shows up in all blocks. If there's a way to have a background photo for just one block that would also solve my problem!


rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • Level 6 ●●●●●●
  • Oct 6, 2020 11:22 PM UTC

  • Author
  • Oct 7, 2020 1:03 AM UTC

I'm not using any code, I just uploaded it under survey look & feel. Is there a way to add a background image to a certain block using javascript?


rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • Level 6 ●●●●●●
  • Oct 7, 2020 7:01 AM UTC

Remove the background image from survey look and feel.
Paste the below code in the first question of the block, where we need to show the background image:

jQuery("#SurveyEngineBody").css({"background":"url('PUT_YOUR_IMG_URL_HERE')",
  "background-size": "cover",
  "background-repeat": "no-repeat",
  " background-position": "center center"});

  jQuery(".Skin #SkinContent").css({
  "background":"none"
});

jQuery(".Skin .SkinInner").css("cssText","background : transparent !important");

Paste the below code in the first question of the very nexy block from where we do not need to show the background image:
jQuery("#SurveyEngineBody").css({"background":"url('')",
  "background-size": "cover",
  "background-repeat": "no-repeat",
  " background-position": "center center"});

  jQuery(".Skin #SkinContent").css({
  "background":"none"
});

jQuery(".Skin .SkinInner").css("cssText","background : transparent !important");