Two question on the same screen | Experience Community
Skip to main content
JoseS
Administrator
1 year ago
Solved

Two question on the same screen

  • Dec 9, 2018 4:45 PM UTC
  • 3 replies
  • 171 views
Hi all. I wish to create a page which on the left side the participant can see a scroll down text (descriptive question) and on the left side, he sees a randomly changing image. is it possible to create such a page with the survey tool? Thank you, david

Best answer by SaurabhPujare_Ugam

Hi @David1980 , With addition to above two answers: Add following code in HTML view of your question and change accordingly <div style="float:right;width:50%;background-color:blue;overflow:auto;"> <img src="https://edit.co.uk/uploads/2016/12/Image-1-Alternatives-to-stock-photography-Thinkstock.jpg"> </div> <div style="float:left;width:50%;background-color:red;height: 290px;overflow:scroll;">Text on leftText on leftText o<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> </div>
View original

    3 replies

    • Anonymous
    • Dec 10, 2018 7:49 AM UTC
    Hello @David1980 , Using cutom code in Rich content editor -> "<>" source view we can design such question using HTML, CSS.
      fleb
      Level 3 ●●●
      Forum|alt.badge.img+6
      • fleb
      • Level 3 ●●●
      • Dec 18, 2018 6:50 AM UTC
      And you can use Loop & Merge with URLs of your images to get your changing image.
      SaurabhPujare_Ugam
      QPN Level 5 ●●●●●
      Forum|alt.badge.img+18
      Hi @David1980 , With addition to above two answers: Add following code in HTML view of your question and change accordingly <div style="float:right;width:50%;background-color:blue;overflow:auto;"> <img src="https://edit.co.uk/uploads/2016/12/Image-1-Alternatives-to-stock-photography-Thinkstock.jpg"> </div> <div style="float:left;width:50%;background-color:red;height: 290px;overflow:scroll;">Text on leftText on leftText o<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> Text on left<br> </div>
      Best, Saurabh
        Terms & ConditionsAccessibility statement